﻿<html lang="en">
<head></head>
<body ng-app="mobile-grid">




    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Activities</title>
    <!-- Bootstrap -->
    <link href="iotap_bootstrap.min.css" rel="stylesheet">
    <link href="iotap_configurator.app.css" rel="stylesheet">


    <style type="text/css">

        .expanded
        {
            /*height: 100%;*/
            overflow: hidden;
        }
        .collapsed
        {
            /*height: 200px;*/
            overflow: hidden;
        }

        table
        {
            border-collapse: collapse;
        }

        td
        {
            padding-top: .5em;
            padding-bottom: .5em;
        }

        pre
        {
            background-color:#f3f3f3;
            border:none;
            margin: 0px;
            padding-left: 0px;
        }

        b
        {
            font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
            font-size: 13px;
            padding-right: 0px;
        }
        .contentDiv
        {
            font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
            font-size: 13px;
            /*border-radius: 10px;*/
            /*border-style: solid;
            border-width: 1px;
            border-color:lightgray;*/
            border-bottom: 1px solid lightgray;
        }
        a:hover 
        {
        background-color: lightgray;
        }

</style>


    <div class="container-fluid" ng-controller="GridController">
        <div id="divProgres" style="background: rgba(255, 255, 255, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: fixed; z-index: 101;" ng-show="divProgress">
            <table style="width: 100%; height: 100%;">
                <tbody>
                    <tr>
                        <td align="center" style="vertical-align: middle;">
                            <img width="50" height="50" id="loadingImg" alt="Loading..." src="iotap_loading.gif"><br>
                            <label id="lblCloningMsg">
                                In Progress...</label>                            
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!--<input type="button" name="CreateEmail" onclick="CreateEmail()" value="Create" />-->
        <a class="icons"><img src="iotap_createemail.png" target="_blank" title="New Email" onclick="CreateEmail()" style="height: 20px;"></a>
        <a class="icons"><img src="iotap_refresh.png" target="_blank" title="Refresh" ng-click="refreshGrid()"></a>
        <div class="row">
            <div class="col-md-12">
                <table border="0" rules="rows" frame="void">
                    <tbody>
                        <tr ng-show="activities.length!=0" ng-repeat="line in activities">
                            <td>
                                    <div style="width: auto; overflow: auto;">
                                    <!--<div id="{{line.CaseEmailFeedGuid}}" class="collapsed contentDiv" onclick="ToggleHeight(this)" >-->
                                    <div id="{{line.CaseEmailFeedGuid}}" class="collapsed contentDiv" background-color: "#F3F3F3";>
                                        <!--<span style="text-align:center"><span style="padding-right: 100px"></span>{{line.ActualEndDate}}</span>-->
<!--<span ng-if="showHideFromElement(line)" style="font-weight:bold"><br />{{line.FromEmailId}}<p style="text-align:right">{{line.ActualEndDate}}</p></span>-->
<span ng-if="showHideFromElement(line)" style="font-weight:bold"><br />{{line.FromEmailId}}</span><!--<b ng-hide="line.FromEmailId.length==0">&nbsp&nbsp{{line.ActualEndDate}}</b>-->
<span ng-if="showHideToElement(line)" style="font-weight:bold"><br />{{line.ToEmailIds}}</span>
<span ng-if="showHideCcElement(line)" style="font-weight:bold"><br />{{line.CcEmailIds}}</span>
<span ng-if="showHideAttachments(line)"><br />Attachments: <a target="_blank" ng-repeat="attachment in line.RepeatAttachments" ng-href="{{line.Url}}/activities/attachment/edit.aspx?id={{attachment.value}}">{{attachment.data}}; </a></span>
<br />
                                        <pre>{{line.Description}}</pre>
                        </div>
                                </div>
                                <input id="ch{{line.CaseEmailFeedGuid}}" ng-checked="line.Selected" ng-model="line.Selected" type="checkbox" ng-change="setPublicValue(line.Selected,line.CaseEmailFeedGuid)" style="height: 13px;width: 13px;opacity: inherit;vertical-align: middle;" />
                                <!--<a class="openButton" title="Open Email" target="_blank" ng-href="{{line.Url}}/main.aspx?pagetype=entityrecord&amp;etn=email&amp;id={{line.EmailGuid}}">
                                    <img src="iotap_openemail"></a>-->
                                <a class="editButton" target="_blank" ng-href="{{line.Url}}/main.aspx?etc={{line.EntityTypeCode}}&id={{line.CaseEmailFeedGuid}}&pagetype=entityrecord">
                                    <img src="iotap_edit.png" title="Edit Feed"></a>                            
                                <a class="deleteButton"><img src="iotap_delete.png" target="_blank" title="Delete Feed" ng-click="DeleteFeed(line.CaseEmailFeedGuid)"></a>
                                <a class="openButton" title="Open Email ({{line.DirectionCode}})" target="_blank" ng-href="{{line.Url}}/main.aspx?pagetype=entityrecord&amp;etn=email&amp;id={{line.EmailGuid}}">
                                    <img ng-src="{{line.DirectionCode == 'Incoming' && 'iotap_incomingEmail' || 'iotap_outgoingEmail'}}" target="_blank" height="25px" width="25px">
                                </a>
                                <b>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp{{line.ActualEndDate}}</b>
                            </td>
                        </tr>
                        <tr >
                        <td ng-show="activities.length==0">
                           <pre><Font color="lightgray">________________________________________________________</Font></pre>
                           We didn't find any email records.
                        </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <script src="iotap_angular.min.js" type="text/javascript"></script>
    <script src="iotap_angular.resource.min.js" type="text/javascript"></script>
    <script src="iotap_ui_bootstrap_tpls_0.11.0.js" type="text/javascript"></script>
    <script src="iotap_underscore.min.js" type="text/javascript"></script>
    <script src="../../WebResources/ClientGlobalContext.js.aspx" type="text/javascript"></script>
    <script src="/EmailToCase/_common/global.ashx?ver=1107839905" type="text/javascript"></script>
    <script src="/EmailToCase/_common/windowinformation/windowinformation.js.aspx?lcid=1033&amp;ver=1107839905" type="text/javascript"></script>
    <script src="/EmailToCase/_common/entityproperties/entitypropertiesutil.js.aspx?tstamp=-1838761662&amp;ver=1107839905" type="text/javascript"></script>
    <script src="iotap_/E2CM/Scripts/jquery1.9.1.js" type="text/javascript"></script>
    <script src="iotap_services.js" type="text/javascript"></script>
    <script src="iotap_configurator.app.js" type="text/javascript"></script>
    <script lang="javascript" type="text/javascript">
        function ToggleHeight(element) {
            var a = 2;
            var className = $(element).attr('class');
            if (className.indexOf("collapsed") > -1) {
                $(element).removeClass("collapsed");
                $(element).addClass("expanded");
            }
            else {
                $(element).addClass("collapsed");
                $(element).removeClass("expanded");
            }
        }
        function DeleteFeed(deleteid) {
            if (confirm('Are you sure you want to delete this feed?')) {
                // Delete it!
                var serverUrl = GetGlobalContext().getServerUrl();
                if (serverUrl.match("//$/")) {
                    serverUrl = serverUrl.substring(0, serverUrl.length - 1);

                }

                var Soap = " <s:Envelope xmlns:s='http://schemas.xmlsoap.org/soap/envelope/'>" +
              "<s:Body>" +
                "<Delete xmlns='http://schemas.microsoft.com/xrm/2011/Contracts/Services' xmlns:i='http://www.w3.org/2001/XMLSchema-instance'>" +
                  "<entityName>iotap_caseemailfeeds</entityName>" +
                  "<id>" + deleteid + "</id>" +
                "</Delete>" +
              "</s:Body>" +
            "</s:Envelope>";

                var req = new XMLHttpRequest();
                req.open("POST", serverUrl + "/XRMServices/2011/Organization.svc/web", false)
                req.setRequestHeader("Accept", "application/xml, text/xml, */*");
                req.setRequestHeader("Content-Type", "text/xml; charset=utf-8");
                req.setRequestHeader("SOAPAction", "http://schemas.microsoft.com/xrm/2011/Contracts/Services/IOrganizationService/Delete");
                req.send(Soap);
                alert("Feed Deleted");
            } else {
                return;
            }

        }
        function CreateEmail() {
            var parameters = {};
            var caseGuid = window.parent.Xrm.Page.data.entity.getId().toString().substring(1, 37);
            parameters["iotap_caseguid"] = caseGuid;
            var newWindow = Xrm.Utility.openEntityForm("email", null, parameters);
        }
    </script>

</body>
</html>
