{"action":"created","issue":{"url":"https://api.github.com/repos/SthephanShinkufag/Dollchan-Extension-Tools/issues/1273","repository_url":"https://api.github.com/repos/SthephanShinkufag/Dollchan-Extension-Tools","labels_url":"https://api.github.com/repos/SthephanShinkufag/Dollchan-Extension-Tools/issues/1273/labels{/name}","comments_url":"https://api.github.com/repos/SthephanShinkufag/Dollchan-Extension-Tools/issues/1273/comments","events_url":"https://api.github.com/repos/SthephanShinkufag/Dollchan-Extension-Tools/issues/1273/events","html_url":"https://github.com/SthephanShinkufag/Dollchan-Extension-Tools/issues/1273","id":358754222,"node_id":"MDU6SXNzdWUzNTg3NTQyMjI=","number":1273,"title":"(реквест) Вертелка картинок","user":{"login":"OpenA","id":265758,"node_id":"MDQ6VXNlcjI2NTc1OA==","avatar_url":"https://avatars0.githubusercontent.com/u/265758?v=4","gravatar_id":"","url":"https://api.github.com/users/OpenA","html_url":"https://github.com/OpenA","followers_url":"https://api.github.com/users/OpenA/followers","following_url":"https://api.github.com/users/OpenA/following{/other_user}","gists_url":"https://api.github.com/users/OpenA/gists{/gist_id}","starred_url":"https://api.github.com/users/OpenA/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/OpenA/subscriptions","organizations_url":"https://api.github.com/users/OpenA/orgs","repos_url":"https://api.github.com/users/OpenA/repos","events_url":"https://api.github.com/users/OpenA/events{/privacy}","received_events_url":"https://api.github.com/users/OpenA/received_events","type":"User","site_admin":false},"labels":[{"id":140360062,"node_id":"MDU6TGFiZWwxNDAzNjAwNjI=","url":"https://api.github.com/repos/SthephanShinkufag/Dollchan-Extension-Tools/labels/done","name":"done","color":"009800","default":false},{"id":139160641,"node_id":"MDU6TGFiZWwxMzkxNjA2NDE=","url":"https://api.github.com/repos/SthephanShinkufag/Dollchan-Extension-Tools/labels/enhancement","name":"enhancement","color":"1d76db","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-09-10T19:07:57Z","updated_at":"2018-10-21T19:43:07Z","closed_at":null,"author_association":"NONE","body":"При помощи вот такой вот кнопки и нехитрого свойства css `transform: rotate(90deg);` получаем возможность повернуть картинку как удобно.\r\n```diff\r\n1391a1392,1395\r\n\tprevImg: [\r\n\t\t'Предыдущая картинка',\r\n\t\t'Previous image',\r\n\t\t'Попереднє зображення'],\r\n> \trotateImg: [\r\n> \t\t'Повернуть в право',\r\n> \t\t'Rotate right',\r\n> \t\t'Повернути в право'],\r\n\tautoPlayOn: [\r\n11384a11389,11390\r\n\t\tconst btns = $bEnd(docBody, `<div style=\"display: none;\">\r\n\t\t\t<div id=\"de-img-btn-prev\" class=\"de-img-btn\" de-title=\"${ Lng.prevImg[lang] }\">\r\n\t\t\t\t<svg><use xlink:href=\"#de-symbol-img-btn-arrow\"/></svg></div>\r\n\t\t\t<div id=\"de-img-btn-next\" class=\"de-img-btn\" de-title=\"${ Lng.nextImg[lang] }\">\r\n\t\t\t\t<svg><use xlink:href=\"#de-symbol-img-btn-arrow\"/></svg></div>\r\n> \t\t\t<div id=\"de-img-btn-rotate\" class=\"de-img-btn\" style=\"left: 0; bottom: 0; border-radius: 0 10px 0 0; top: auto;\" de-title=\"${ Lng.rotateImg[lang] }\">\r\n> \t\t\t\t<svg><use xlink:href=\"#de-symbol-img-btn-circle-arrow\"/></svg></div>\r\n11387c11393\r\n\t\t\t<div id=\"de-img-btn-auto\" class=\"de-img-btn de-img-btn-none\" title=\"${ Lng.autoPlayOn[lang] }\">\r\n\t\t\t\t<svg><use xlink:href=\"#de-symbol-img-btn-auto\"/></svg></div></div>`);\r\n< \t\t[this.prevBtn, this.nextBtn, this.autoBtn] = [...btns.children];\r\n---\r\n> \t\t[this.prevBtn, this.nextBtn, this.rotateBtn, this.autoBtn] = [...btns.children];\r\n11425a11432\r\n\t\t\tconst viewer = this._viewer;\r\n\t\t\tswitch(parent.id) {\r\n> \t\t\tcase 'de-img-btn-rotate': viewer._rotateView(); return;\r\n\t\t\tcase 'de-img-btn-prev': viewer.navigate(false); return;\r\n\t\t\tcase 'de-img-btn-next': viewer.navigate(true); return;\r\n11661a11669,11671\r\n\t\tthis._elStyle.left = `${ this._oldL = parseInt(this._oldL + halfWidth - halfHeight, 10) }px`;\r\n\t\tthis._elStyle.top = `${ this._oldT = parseInt(this._oldT + halfHeight - halfWidth, 10) }px`;\r\n\t}\r\n> \t_rotateView(el) {\r\n> \t\tthis._elStyle.transform = 'rotate('+ (this.data.rotate += this.data.rotate == 270 ? -270 : 90) +'deg)';\r\n> \t}\r\n\t_showFullImg(data) {\r\n\t\tconst [width, height, minSize] = data.computeFullSize();\r\n11673c11683\r\n\t\tthis._oldL = (Post.sizing.wWidth - width) / 2 - 1;\r\n\t\tthis._oldT = (Post.sizing.wHeight - height) / 2 - 1;\r\n\t\tconst el = $add(`<div class=\"de-fullimg-center${\r\n\t\t\tdata.isVideo ? ' de-fullimg-center-video' : '' }\" style=\"top:${ this._oldT -\r\n\t\t\t(Cfg.imgInfoLink ? 11 : 0) - (nav.firefoxVer >= 59 && data.isVideo ? 10 : 0) }px; left:${\r\n< \t\t\tthis._oldL }px; width:${ width }px; height:${ height }px; display: block\"></div>`);\r\n---\r\n> \t\t\tthis._oldL }px; width:${ width }px; height:${ height }px; transform: rotate(${ data.rotate }deg); display: block\"></div>`);\r\n11705a11716\r\nclass ExpandableImage {\r\n\tconstructor(post, el, prev) {\r\n\t\tthis.el = el;\r\n\t\tthis.expanded = false;\r\n> \t\tthis.rotate = 0;\r\n16939a16951,16953\r\n\t<!-- IMAGE BUTTON ICONS -->\r\n\t<symbol viewBox=\"0 0 32 32\" id=\"de-symbol-img-btn-arrow\">\r\n\t\t<path class=\"de-svg-stroke\" stroke-width=\"8\" d=\"M0 16h20\"/>\r\n\t\t<path class=\"de-svg-stroke\" stroke-width=\"9\" d=\"M13 3l16 16M13 29l16-16\"/>\r\n\t</symbol>\r\n> \t<symbol viewBox=\"0 0 32 32\" id=\"de-symbol-img-btn-circle-arrow\">\r\n> \t\t<path class=\"de-svg-fill\" d=\"m31 20c-0.6 4.5-3.7 8.6-8 10.5-2 1.25-5 1.6-7.7 1.5l-1.7-0.15c-2.5-0.6-5-1.7-7-3.5-4.3-3.6-6-10-4-15 1.6-4.55 6-8.1 11-9 1.2-0.25 2.45-0.3 3.7-0.25l0.6-4.1h0.1c2.1 2.7 4.15 5.34 6.3 8-2.8 2-5.6 4.1-8.4 6 0.2-1.4 0.4-2.7 0.56-4.1-2.5-0.025-5.1 1.1-6.6 3.1-2.5 2.75-2.5 7.1-0.13 10 1.8 2.5 5.25 3.6 8.4 3 2.156-0.3 4.1-1.6 5.3-3.4 0.8-1 1.1-2.25 1.5-3.4 2 0.25 3.9592 0.5 7 0.8l0.1-0.05z\"></path>\r\n> \t</symbol>\r\n```\r\n~~Но зачем?~~"},"comment":{"url":"https://api.github.com/repos/SthephanShinkufag/Dollchan-Extension-Tools/issues/comments/431697881","html_url":"https://github.com/SthephanShinkufag/Dollchan-Extension-Tools/issues/1273#issuecomment-431697881","issue_url":"https://api.github.com/repos/SthephanShinkufag/Dollchan-Extension-Tools/issues/1273","id":431697881,"node_id":"MDEyOklzc3VlQ29tbWVudDQzMTY5Nzg4MQ==","user":{"login":"SthephanShinkufag","id":1059874,"node_id":"MDQ6VXNlcjEwNTk4NzQ=","avatar_url":"https://avatars0.githubusercontent.com/u/1059874?v=4","gravatar_id":"","url":"https://api.github.com/users/SthephanShinkufag","html_url":"https://github.com/SthephanShinkufag","followers_url":"https://api.github.com/users/SthephanShinkufag/followers","following_url":"https://api.github.com/users/SthephanShinkufag/following{/other_user}","gists_url":"https://api.github.com/users/SthephanShinkufag/gists{/gist_id}","starred_url":"https://api.github.com/users/SthephanShinkufag/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SthephanShinkufag/subscriptions","organizations_url":"https://api.github.com/users/SthephanShinkufag/orgs","repos_url":"https://api.github.com/users/SthephanShinkufag/repos","events_url":"https://api.github.com/users/SthephanShinkufag/events{/privacy}","received_events_url":"https://api.github.com/users/SthephanShinkufag/received_events","type":"User","site_admin":false},"created_at":"2018-10-21T19:43:07Z","updated_at":"2018-10-21T19:43:07Z","author_association":"OWNER","body":"В хромонедобраузере не проверял."}}
{"actor":{"display_login":"SthephanShinkufag"}}