aboutsummaryrefslogtreecommitdiff
path: root/docs/_book/gitbook/gitbook-plugin-comment
diff options
context:
space:
mode:
authorJakob Stendahl <jakob.stendahl@outlook.com>2019-09-22 13:12:44 +0200
committerJakob Stendahl <jakob.stendahl@outlook.com>2019-09-22 13:12:44 +0200
commite6880cd8ccf82d993f222cb14b4860581654acb8 (patch)
tree45f318f4ece2f0d6ca73fc3f775b9ba277ccdb77 /docs/_book/gitbook/gitbook-plugin-comment
parente911f8029ca612d3b17ced300cdf5b6f13e20972 (diff)
parent2e60b25ae368b8c19ce5e982aa2672a6c56edf90 (diff)
downloadLuxcena-Neo-e6880cd8ccf82d993f222cb14b4860581654acb8.tar.gz
Luxcena-Neo-e6880cd8ccf82d993f222cb14b4860581654acb8.zip
Merge branch 'master' of https://github.com/JakobST1n/Luxcena-Neo
Diffstat (limited to 'docs/_book/gitbook/gitbook-plugin-comment')
-rw-r--r--docs/_book/gitbook/gitbook-plugin-comment/plugin.css143
-rw-r--r--docs/_book/gitbook/gitbook-plugin-comment/plugin.js47
2 files changed, 190 insertions, 0 deletions
diff --git a/docs/_book/gitbook/gitbook-plugin-comment/plugin.css b/docs/_book/gitbook/gitbook-plugin-comment/plugin.css
new file mode 100644
index 0000000..4e163b9
--- /dev/null
+++ b/docs/_book/gitbook/gitbook-plugin-comment/plugin.css
@@ -0,0 +1,143 @@
+.book .book-body .page-wrapper .page-inner {
+ position: relative;
+ left: 0px;
+ transition: 300ms ease left;
+}
+.book .book-body .page-wrapper .page-inner section.normal {
+ overflow: visible;
+}
+.book .book-body .page-wrapper .page-inner .comments-section {
+ position: relative;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-icon {
+ position: absolute;
+ display: none;
+ z-index: 1;
+ right: -40px;
+ top: 0px;
+ bottom: 0px;
+ width: 64px;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-icon .marker {
+ background: #eee;
+ padding: 4px;
+ cursor: pointer;
+ width: 24px;
+ float: right;
+ font-size: 12px;
+ height: 24px;
+ line-height: 16px;
+ text-align: center;
+ border-radius: 3px;
+ color: #555;
+ user-select: none;
+ -webkit-user-select: none;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-icon .marker:hover {
+ background: #ddd;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area {
+ position: absolute;
+ display: none;
+ width: 240px;
+ right: -304px;
+ top: 0px;
+ font-size: 12px;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area input {
+ width: 100%;
+ resize: none;
+ outline: none;
+ border: none;
+ background: transparent;
+ color: inherit;
+ margin: 0px;
+ padding: 0px;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area input + input {
+ margin-top: 8px;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comments-toolbar {
+ margin-top: 6px;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comments-toolbar a {
+ display: inline-block;
+ margin-right: 12px;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comments-threads {
+ margin-bottom: 15px;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .thread {
+ padding: 0px;
+ padding-bottom: 6px;
+ margin-bottom: 6px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+ cursor: pointer;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .thread:hover .thread-body .thread-title {
+ text-decoration: underline;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .thread .thread-body .thread-user {
+ opacity: 0.8;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .thread .thread-body .thread-title {
+ font-weight: bold;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comments-list {
+ margin-bottom: 15px;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comments-list .comments-toolbar {
+ margin: 6px 0px 12px;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comments-list .comments-toolbar a {
+ color: inherit;
+ opacity: 0.4;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comment {
+ padding: 0px;
+ padding-bottom: 6px;
+ margin-bottom: 6px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comment .comment-avatar {
+ margin-top: 4px;
+ width: 24px;
+ height: 24px;
+ display: block;
+ overflow: hidden;
+ border-radius: 24px;
+ float: left;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comment .comment-avatar img {
+ width: 100%;
+ height: 100%;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comment .comment-body {
+ margin-left: 30px;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comment .comment-body .comment-user {
+ font-weight: bold;
+ color: inherit;
+}
+.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comment .comment-body .comment-content {
+ opacity: 0.8;
+}
+.book .book-body .page-wrapper .page-inner .comments-section.has-highlight-comments {
+ background-image: linear-gradient(to bottom, rgba(39, 243, 106, 0.1), rgba(39, 243, 106, 0.1));
+}
+.book .book-body .page-wrapper .page-inner .comments-section.has-comments .comments-icon,
+.book .book-body .page-wrapper .page-inner .comments-section:hover .comments-icon {
+ display: block;
+}
+.book .book-body .page-wrapper .page-inner .comments-section.has-comments-open {
+ background-image: linear-gradient(to bottom, rgba(39, 243, 106, 0.1), rgba(39, 243, 106, 0.1));
+}
+.book .book-body .page-wrapper .page-inner .comments-section.has-comments-open .comments-icon {
+ display: block;
+}
+.book .book-body .page-wrapper .page-inner .comments-section.has-comments-open .comments-icon .marker {
+ background-image: linear-gradient(to bottom, rgba(39, 243, 106, 0.1), rgba(39, 243, 106, 0.1));
+}
+.book .book-body .page-wrapper .page-inner .comments-section.has-comments-open .comments-area {
+ display: block;
+}
diff --git a/docs/_book/gitbook/gitbook-plugin-comment/plugin.js b/docs/_book/gitbook/gitbook-plugin-comment/plugin.js
new file mode 100644
index 0000000..4727b84
--- /dev/null
+++ b/docs/_book/gitbook/gitbook-plugin-comment/plugin.js
@@ -0,0 +1,47 @@
+require(["gitbook","jQuery"],function(t,n){function e(t){var e=n("<img>",{"class":"comment-avatar",src:t.user.urls.avatar}),a=n("<div>",{"class":"comment-body "}),o=n("<a>",{"class":"comment-user",target:"_blank",href:t.user.urls.profile,text:t.user.name}),i=""
+t.title&&(i+=t.title,t.body&&(i+="<br>")),t.body&&(i+=t.body)
+var s=n("<div>",{"class":"comment-content",html:i})
+a.append(o),a.append(s)
+var c=n("<div>")
+return c.append(e),c.append(a),c.html()}function a(t){var e=n("<div>",{"class":"thread-body"}),a=n("<div>",{"class":"thread-title",text:t.title}),o=n("<div>",{"class":"thread-user",text:"#"+t.number+" posted by "+t.user.name})
+e.append(a),e.append(o)
+var i=n("<div>")
+return i.append(e),i.html()}function o(n,e){var a=t.state.$book.find(".page-wrapper"),o=a.find(".page-inner"),i=t.state.$book.find(".navigation.navigation-next")
+if(a.toggleClass("comments-open",n),t.events.trigger("comment.toggled",[e,n]),a.hasClass("comments-open")){var s=330,c=o.width(),r=a.width(),p=0==i.length?0:i.width(),m=(r-c)/2-p,u=m-s
+u=Math.max(u,-s),u=Math.min(u,0),o.css("left",u+"px")}else o.css("left","0px")}function i(n){return(t.state.bookRoot+"gitbook/api/"+n).replace(/([^:]\/)\/+/g,"$1")}function s(){location.href=i("login")}function c(t){var n=window.open(t,"_blank")
+n.focus()}function r(t,e,a,o){n.ajax({method:t,dataType:"json",url:i(e),data:a,success:function(t,n,e){G=!0,E=!!e.getResponseHeader("X-GitBook-Auth"),o(t)},error:function(t,n){if(G){var e=(t.responseJSON?t.responseJSON.error:"")||t.responseText||n
+alert("Error with inline comments: "+e),console.log(t,n)}}})}function p(){return t.state.innerLanguage?[t.state.innerLanguage,t.state.filepath].join("/"):t.state.filepath}function m(){r("GET","discussions",{filename:p(),state:"open"},function(t){N=t.list,$()})}function u(t){r("GET","discussions/"+t+"/comments",{limit:M},function(n){A[t]=n,P(t)})}function l(n,e,a,o){r("POST","discussions",{title:n,body:e,context:{filename:p(),chapterTitle:t.state.chapterTitle,section:a}},o)}function d(t){N=n.grep(N,function(n){return n.number!=t}),$(),r("POST","discussions/"+t,{state:"closed"},function(){m()})}function f(t,n,e){r("POST","discussions/"+t+"/comments",{body:n},function(n){A[t]=A[t]||[],A[t].total=A[t].total+1,A[t].list.push(n),P(t),u(t),e(n)})}function h(t){var e=t.split(" "),a=n.map(N,function(t){var a=(t.context.section||"").split(" "),o=n.grep(a,function(t){return-1!==n.inArray(t,e)}),i=n.grep(e,function(t){return-1!==n.inArray(t,a)}),s=(o.length/a.length+i.length/e.length)/2
+return{matching:s,thread:t}})
+return a=n.grep(a,function(t){return t.matching>.8}),n.map(a,function(t){return t.thread})}function v(t){return t.clone().find(".comments-area,.comments-icon").remove().end().text()}function g(t,e){var a,o,i,c=n("<div>",{"class":"comments-post"})
+E?(a=n("<input>",{type:"text",placeholder:"Start a new discussion"}),o=n("<input>",{type:"text",placeholder:"Optional comment"}),i=k([{text:"Post",click:function(){l(a.val(),o.val(),v(e),function(n){N.push(n),$(),w(t,e,n)})}}]),o.hide(),a.keyup(function(t){a.val().length>3?o.show():o.val()||o.hide()}),c.append(a),c.append(o),c.append(i)):(i=k([{text:"Sign in to comment",click:s}]),c.append(i)),t.empty(),t.append(c),a&&a.focus()}function b(t){return n("<div>",{"class":"thread",html:a(t)})}function x(t,a){return n("<div>",{"class":"comment",html:e(t)})}function k(t){var e=n("<div>",{"class":"comments-toolbar"})
+return n.each(t,function(t,a){var o=n("<a>",{href:"#",text:a.text,click:function(t){t.preventDefault(),a.click(n(this))}})
+o.appendTo(e)}),e}function y(t,e){t.empty()
+var a=n("<input>",{type:"text",placeholder:"Leave a comment"}),o=k([{text:"Post",click:function(){f(e.number,a.val(),function(){a.val("")})}}])
+t.append(a),t.append(o),a.focus()}function w(t,e,a,o){u(a.number)
+var i=[]
+E?(a.permissions.comment&&i.push({text:"Comment",click:function(){y(c,a)}}),a.permissions.close&&i.push({text:"Close",click:function(t){S(e,o,t),d(a.number)}}),i.push({text:"New Thread",click:function(){g(t,e)}})):i=[{text:"Sign in to comment",click:s}]
+var c=n("<div>",{"class":"comments-post"})
+c.append(k(i))
+var r=n("<div>",{"class":"comments-list","data-thcomments":a.number})
+t.empty(),t.append(x(a)),t.append(r),t.append(c),P(a.number)}function T(t,e,a){var o=n("<div>",{"class":"comments-threads"})
+n.each(a,function(n,a){var i=b(a)
+i.click(function(n){w(t,e,a)}),o.append(i)})
+var i
+i=k(E?[{text:"New Thread",click:function(){g(t,e)}}]:[{text:"Sign in to create a thread",click:s}]),t.empty(),t.append(o),t.append(i)}function C(){t.state.$book.find(".page-wrapper .comments-section").removeClass("has-comments-open")}function S(t,e,a){var i=!t.hasClass("has-comments-open")
+if(C(),t.toggleClass("has-comments-open",i),o(i,a),i){t.find(".comments-area").remove()
+var s=n("<div>",{"class":"comments-area"})
+t.append(s),e.length>1?T(s,t,e):1==e.length?w(s,t,e[0],e):g(s,t)}}function O(t){var e=v(t)
+if(!(e.length<5)){var a=h(e),o=0
+n.each(a,function(t,n){o+=n.comments+1})
+var i=n("<div>",{"class":"marker",text:o?o:"+"})
+i.on("click",function(){S(t,a,n(this))})
+var s=n("<div>",{"class":"comments-icon"})
+s.append(i),t.find(".comments-icon").remove(),t.addClass("comments-section"),t.toggleClass("has-comments",o>0),j.highlightCommented&&t.toggleClass("has-highlight-comments",o>0),t.append(s)}}function $(){var e=t.state.$book.find(".page-wrapper"),a=e.find(L)
+a.each(function(){O(n(this))})}function P(e){var a=n.grep(N,function(t){return t.number==e}),o=a[0]
+if(A[e]&&o){var i=t.state.$book.find('.page-wrapper div[data-thcomments="'+e+'"]')
+if(0!=i.length){i.empty()
+var s=Math.max(0,A[e].total-M)
+s>0&&i.append(k([{text:"View "+s+" more comments",click:function(){c(o.urls.details)}}]))
+var r=(A[e].list||[]).reverse()
+n.each(r,function(t,n){i.append(x(n))})}}}var j={},N=[],A={},E=!1,G=!1,L="p",M=4
+t.events.bind("start",function(t,n){j=n.comment||{}}),t.events.bind("page.change",function(){N=[],m()})})