REORG

src/Org/Views/Blogspot/Details.cshtml

@@ -0,0 +1,105 @@
+@model BlogPost
+@{
+    ViewData["Title"]=Model.Title;
+}
+@section scripts {
+   
+    <script src="~/js/comment.js" asp-append-version="true"></script>
+    <script>
+        $.psc.blogcomment.prototype.options.lang = '@System.Globalization.CultureInfo.CurrentUICulture.Name';
+        $.psc.blogcomment.prototype.options.apictrlr = '/api/blogcomments';
+        $.psc.blogcomment.prototype.options.authorId = '@User.GetUserId()';
+        $.psc.blogcomment.prototype.options.authorName = '@User.GetUserName()';
+        $(document).ready(function() {
+            $('#cmtBtn').click(function() {
+                $.ajax({
+                    async: true,
+                    cache: false,
+                    type: 'POST',
+                    method: 'POST',
+                    contentType:  "application/json",
+                    data: JSON.stringify({ 
+                        Content: $('#Comment').val(), 
+                        ReceiverId: @Model.Id
+                        }),
+                    error: function(xhr,data) {
+                        if (xhr.status=400)
+                        {
+                            if (xhr.responseJSON)
+                            {
+                            $('#commentValidation').html(
+                                xhr.responseJSON.Content);
+                            } else {
+$('#commentValidation').html(
+                            "Une erreur est survenue : "+xhr.status+"<br/>"+
+                            "<code><pre>"+xhr.responseText+"</pre></code>"
+                            )
+                            }
+                        }
+                        
+                    },
+                    success: function (data) {
+                        var comment = $('#Comment').val();
+                        $('#Comment').val('');
+                        $('#commentValidation').empty();
+                        var nnode = '<div data-type="blogcomment" data-id="'+data.id+'" data-allow-edit="True" data-allow-moderate="@ViewData["moderatoFlag"]" data-date="'+data.dateCreated+'" data-username="@User.GetUserName()">'+comment+'</div>';
+                        $('#comments').append($(nnode).blogcomment())
+                    },
+                    url:'/api/blogcomments'
+                    });
+            });
+        })
+    </script>
+    <style>
+        .avatar, .commentmeta, .blogcomment p ,  .subcomments {
+            display: inline-block;
+        }
+        .blogcomment {
+            display: inline-block;
+            margin:.3em;
+        }
+    </style>
+}
+
+    <div class="post">
+        <div class="float-left">
+            <img class="photo" src="@Model.Photo" >
+        </div>
+       
+        <h1 ismarkdown>@Model.Title</h1>
+        
+        @Html.DisplayFor(m=>m.Author)
+        <asciidoc>@Html.DisplayFor(m=>m.Content)</asciidoc>
+        
+    </div>
+
+    <div id="comments">
+        @if (Model.Comments!=null) {
+            foreach (var comment in Model.Comments.Where(c=>c.ParentId==null)) {
+                @await Component.InvokeAsync("Comment", new { id = comment.Id })
+            }
+        }
+    </div>
+@if (User.GetUserId()!=null) {
+    <div class="form-horizontal">
+        <div class="input-group" >
+            <input name="Comment" id="Comment" class="form-control" placeholder="..."/>
+            <span class="input-group-btn">
+                <span id="commentValidation"></span>
+                <input type="button" value="Comment" class="btn btn-secondary"
+                data-receiverId="@Model.Id" id="cmtBtn"
+                 />
+            </span> 
+        </div>
+        <span asp-validation-for="Content" class="text-danger" ></span>
+    </div>
+    }
+    else {
+        <p><i>Vous devez être identifié pour commenter.</i> </p>
+    }
+    
+    @if ((await AuthorizationService.AuthorizeAsync(User, Model, new EditPermission())).Succeeded) {
+    <a asp-action="Edit" asp-route-id="@Model.Id" class="btn btn-link">Edit</a>
+    }
+    <a asp-action="Index" class="btn btn-link">Back to List</a>
+