comunit-base 0.37.200628.0

data/Rakefile

@@ -0,0 +1,26 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Comunit::Base'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+load 'rails/tasks/statistics.rake'
+
+
+
+require 'bundler/gem_tasks'
+

data/app/assets/config/comunit_base_manifest.js

@@ -0,0 +1,2 @@
+//= link_tree ../images
+//= link_directory ../stylesheets/comunit/base .css

data/app/assets/images/comunit/base/icons/book.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg style="enable-background:new 0 0 99 77.258;" version="1.1" viewBox="0 0 99 77.258" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="book"><path d="M90.181,9.248l-3.019-6.262c-3.679-0.995-7.021-1.741-10.158-2.24C73.866,0.249,71.016,0,68.389,0   c-5.132,0-9.149,0.683-12.086,2.047c-2.937,1.365-5.123,3.588-6.576,6.671c-1.606-3.147-3.801-5.386-6.596-6.719   C40.337,0.667,36.472,0,31.532,0c-2.841,0-5.89,0.249-9.147,0.746c-3.257,0.498-6.708,1.245-10.351,2.24l-3.39,6.791L0,10.307   v66.95l40.953-3.179c1.762,0.835,3.433,1.469,4.994,1.903c1.561,0.433,3.027,0.65,4.387,0.65c1.329,0,2.707-0.217,4.129-0.65   c1.422-0.433,2.612-1.067,4.096-1.903L99,77.258V9.778L90.181,9.248z M87,7.466l4,9.007v49.466l-4-8.959V7.466z M90.12,68.347   l-33.985-2.842c-1.201,1.51-2.94,2.456-5.218,2.842c0-7.545,5.452-11.319,16.357-11.319c2.533,0,5.336,0.192,8.41,0.578   c3.074,0.385,6.402,0.98,9.986,1.782L90.12,68.347z M50,15.895c0-4.656,1.633-7.947,3.981-9.874   c2.935-2.44,7.489-3.661,13.204-3.661c2.347,0,4.247,0.193,7.12,0.578C77.178,3.323,81,3.901,83,4.672v52.067   c-2-0.706-4.85-1.228-7.677-1.565c-2.827-0.337-5.233-0.506-8.043-0.506c-4.233,0-7.806,0.442-10.215,1.324   C54.655,56.876,53,58.489,50,60.833V15.895z M15,4.768c2-0.802,6.035-1.404,8.959-1.806c2.923-0.401,5.743-0.602,8.528-0.602   c5.414,0,9.125,1.116,11.817,3.347C46.994,7.94,48,11.303,48,15.798v44.842c-3-3.981-8.895-5.973-16.845-5.973   c-1.949,0-4.079,0.161-6.847,0.482C21.539,55.471,17,55.969,15,56.643V4.768z M23.663,57.582c2.951-0.369,5.709-0.554,8.274-0.554   c5.531,0,9.586,0.875,12.167,2.625c2.58,1.751,4.087,4.648,4.519,8.694c-2.319-0.545-3.973-1.476-4.962-2.794L9.788,68.347   l4.443-9.103C17.568,58.505,20.712,57.951,23.663,57.582z M8,15.943l4-8.67V56.98l-4,9.2V15.943z M97,74.705L58.001,71.67   c-1.392,0.867-2.672,1.517-3.97,1.951c-1.298,0.434-2.533,0.651-3.77,0.651c-1.329,0-2.689-0.217-4.111-0.651   c-1.422-0.433-3.053-1.083-4.598-1.951L2,74.705V12.33l4.395-0.289L4,15.461v55.294l38.144-2.408   c1.761,1.574,4.453,2.36,7.204,2.36c2.782,0,4.896-0.786,6.689-2.36L93,70.755V15.461l-2.008-3.901L97,11.897V74.705z"/></g><g id="Слой_1"/></svg>

data/app/assets/images/comunit/base/icons/comment.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg style="enable-background:new 0 0 91.635 72.824;" version="1.1" viewBox="0 0 91.635 72.824" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="chat"><path d="M0,72.824L12.421,46.77c-3.786-4.877-5.704-10.579-5.704-16.97c0-9.335,4.712-17.143,13.627-22.577   C27.983,2.565,38.218,0,49.165,0C63.571,0,76.672,4.508,84.21,12.06c4.939,4.947,7.437,10.932,7.425,17.786   c-0.017,9.946-4.717,18.279-13.591,24.099c-7.654,5.019-17.907,7.783-28.869,7.783c-6.609,0-13.133-1.038-18.926-3.007   c-9.608,3.688-24.41,11.153-24.562,11.23L0,72.824z M49.165,4.351c-10.159,0-19.59,2.339-26.556,6.586   c-5.265,3.21-11.541,9.088-11.541,18.862c0,5.814,1.871,10.943,5.561,15.247l0.921,1.075L9.368,63.284   c5.497-2.663,13.895-6.601,20.089-8.916l0.746-0.279l0.749,0.269c5.515,1.975,11.816,3.019,18.223,3.019   c10.124,0,19.529-2.511,26.483-7.071c5.293-3.471,11.607-9.84,11.626-20.467c0.01-5.657-2.061-10.605-6.153-14.705   C74.391,8.382,62.441,4.351,49.165,4.351z"/></g><g id="Слой_1"/></svg>

data/app/assets/images/comunit/base/icons/dropdown.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="11px" height="6px">
+  <path d="M 0,0 h 11 l -5.5, 6" fill="#303346" stroke="none" />
+</svg>

data/app/assets/images/comunit/base/icons/hamburger.svg

@@ -0,0 +1 @@
+<svg height="25px" version="1.1" viewBox="0 0 25 25" width="25px" xmlns="http://www.w3.org/2000/svg"><g fill="#ffffff" fill-rule="evenodd" id="TabBar-Icons" stroke="none" stroke-width="1"><g fill="#ffffff" id="Hamburger"><path d="M0,2 L25,2 L25,6 L0,6 L0,2 Z M0,10 L25,10 L25,14 L0,14 L0,10 Z M0,18 L25,18 L25,22 L0,22 L0,18 Z"/></g></g></svg>

data/app/assets/images/comunit/base/icons/pencil.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg style="enable-background:new 0 0 90.927 81.141;" version="1.1" viewBox="0 0 90.927 81.141" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="pencil"><path d="M76.663,55.441L13.593,0C5.806,1.758,1.275,6.845,0,15.263l63.264,55.455l27.663,10.424L76.663,55.441z M32.733,20.101   l38.127,33.372c-0.54-0.167-0.988-0.264-1.343-0.289c-1.292-0.091-1.982,0.477-2.068,1.705l0.014,0.488L29.449,21.77   C30.572,21.037,31.667,20.481,32.733,20.101z M27.536,23.34l38.39,33.781c-1.511,0.251-2.321,1.151-2.431,2.702L25.299,26.056   C25.859,25.024,26.605,24.119,27.536,23.34z M14.639,24.575L2.848,14.246c1.55-5.865,4.905-9.705,10.066-11.517l11.704,10.176   C19.558,15.147,16.231,19.036,14.639,24.575z M60.537,65.167L22.566,31.66c0.486-1.361,0.992-2.544,1.516-3.546l37.874,33.5   c-0.616-0.011-1.079,0.111-1.389,0.365c-0.31,0.254-0.483,0.64-0.52,1.157C60.015,63.588,60.179,64.266,60.537,65.167z    M64.903,68.884c-2.06-2.094-3.058-3.608-2.992-4.546c0.027-0.388,0.152-0.663,0.375-0.826c0.223-0.163,0.56-0.228,1.012-0.197   c0.937,0.066,2.513,0.746,4.728,2.038c-1.809-1.978-2.67-3.581-2.584-4.809c0.043-0.613,0.245-1.062,0.606-1.345   c0.361-0.283,0.898-0.4,1.608-0.349c0.744,0.052,2.223,0.709,4.44,1.969c-1.913-1.888-2.823-3.494-2.73-4.82   c0.025-0.355,0.141-0.615,0.347-0.779c0.206-0.164,0.52-0.231,0.94-0.202c1.454,0.102,2.961,0.842,4.52,2.218l7.498,13.875   l-3.008,3.295L64.903,68.884z"/></g><g id="Слой_1"/></svg>

data/app/assets/images/comunit/base/icons/recent.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg height="24px" version="1.1" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g fill="none" fill-rule="evenodd" id="miu" stroke="none" stroke-width="1"><g id="Artboard-1" transform="translate(-359.000000, -119.000000)"><g id="slice" transform="translate(215.000000, 119.000000)"/><path d="M361.181376,129 C362.121889,123.879764 366.60786,120 372,120 C378.075133,120 383,124.924867 383,131 C383,137.075133 378.075133,142 372,142 C367.727268,142 364.023517,139.563904 362.201917,136.004883 L363.340648,136.004883 C365.070389,138.991197 368.300604,141 372,141 C377.522848,141 382,136.522848 382,131 C382,125.477152 377.522848,121 372,121 C367.162084,121 363.126577,124.435519 362.200036,129 L361.181376,129 Z M371.5,131.349626 L376.710685,134.421329 L377.218515,133.559872 L372.5,130.754395 L372.5,124.031738 L371.5,124.031738 L371.5,131.349626 Z M361.5,132 L364,129 L359,129 L361.5,132 Z" fill="#000000" id="circle-backup-time-history-recent-time-machine-outline-stroke"/></g></g></svg>

data/app/assets/images/comunit/base/icons/repost.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg height="32" id="repost" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M6 8 L12 14 L8 14 L8 20 L18 20 L18 24 L4 24 L4 14 L0 14 z M14 8 L28 8 L28 18 L32 18 L26 24 L20 18 L24 18 L24 12 L14 12z"/></svg>

data/app/assets/images/comunit/base/icons/right-arrow.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg enable-background="new 0 0 500 500" id="Layer_1" version="1.1" viewBox="0 0 500 500" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><circle cx="253.9" cy="246.4" r="204.7" stroke="#000000" stroke-miterlimit="10"/><circle cx="253.9" cy="246.4" fill="#FFFFFF" r="181.8" stroke="#000000" stroke-miterlimit="10"/><polyline fill="none" points="  214.2,313.4 305.9,245 305.9,245 305.9,245 305.9,245 214.3,176.5 " stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="22"/></svg>

data/app/assets/images/comunit/base/icons/search.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1 Tiny//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd'><svg baseProfile="tiny" height="32px" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Guides__x26__Forms"/><g id="Icons"><path d="M24,23.543l-4.356-4.356c0.875-1.168,1.399-2.614,1.399-4.186c0-3.866-3.134-7-7-7s-7,3.134-7,7s3.134,7,7,7   c1.572,0,3.018-0.525,4.186-1.399l4.356,4.356L24,23.543z M9.043,15c0-2.757,2.243-5,5-5c2.757,0,5,2.243,5,5c0,2.757-2.243,5-5,5   C11.286,20,9.043,17.757,9.043,15z"/></g></svg>

data/app/assets/images/comunit/base/icons/slider/left-arrow-hover.svg

@@ -0,0 +1,4 @@
+<svg version="1.1" viewBox="0 0 32 64" xmlns="http://www.w3.org/2000/svg">
+  <rect x="0" y="0" width="32" height="64" stroke="none" rx="8" fill="rgba(240, 240, 240, .95)" />
+  <polyline fill="none" points="26 4, 4 31, 26 59" stroke="rgba(32, 32, 32, .75)" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" />
+</svg>

data/app/assets/images/comunit/base/icons/slider/left-arrow.svg

@@ -0,0 +1,4 @@
+<svg version="1.1" viewBox="0 0 32 64" xmlns="http://www.w3.org/2000/svg">
+  <rect x="0" y="0" width="32" height="64" stroke="none" rx="8" fill="rgba(230, 230, 230, .75)" />
+  <polyline fill="none" points="26 4, 4 31, 26 59" stroke="rgba(32, 32, 32, .5)" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" />
+</svg>

data/app/assets/images/comunit/base/icons/slider/right-arrow-hover.svg

@@ -0,0 +1,4 @@
+<svg version="1.1" viewBox="0 0 32 64" xmlns="http://www.w3.org/2000/svg">
+  <rect x="0" y="0" width="32" height="64" stroke="none" rx="8" fill="rgba(240, 240, 240, .95)" />
+  <polyline fill="none" points="4 4, 26 31, 4 59" stroke="rgba(32, 32, 32, .75)" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" />
+</svg>

data/app/assets/images/comunit/base/icons/slider/right-arrow.svg

@@ -0,0 +1,4 @@
+<svg version="1.1" viewBox="0 0 32 64" xmlns="http://www.w3.org/2000/svg">
+  <rect x="0" y="0" width="32" height="64" stroke="none" rx="8" fill="rgba(230, 230, 230, .75)" />
+  <polyline fill="none" points="4 4, 26 31, 4 59" stroke="rgba(32, 32, 32, .5)" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" />
+</svg>

data/app/assets/images/comunit/base/icons/view.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg style="enable-background:new 0 0 93.388 75.594;" version="1.1" viewBox="0 0 93.388 75.594" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="search"><g><path d="M57.158,42.7l-2.041,1.076l-6.061-4.054l-0.669,0.762l5.607,3.994l-0.503,0.572c-0.836,0.953-1.522,2.376-2.059,4.268    c-0.615,2.047-0.683,3.534-0.204,4.461l-9.422-5.318c-3.705,3.835-8.748,5.736-15.131,5.702    c-6.593-0.05-12.336-2.224-17.228-6.518C4.747,43.517,1.864,39.496,0.8,35.581c-0.656-2.264-0.909-7.07-0.758-14.419    c0.685,6.845,3.648,12.568,8.89,17.17c5.591,4.909,11.841,7.752,18.752,8.531c7.753,0.845,13.986-1.419,18.699-6.788    c0.697-0.794,1.534-1.747,2.51-2.859L57.158,42.7z"/><path d="M51.853,21.927c-0.862-5.425-3.85-10.383-8.965-14.873c-5.147-4.518-11.186-6.866-18.116-7.044    C17.392-0.17,11.498,2.25,7.092,7.269c-8.952,10.197-7.9,20.149,3.154,29.854c5.401,4.742,11.505,7.4,18.311,7.975    c7.472,0.653,13.507-1.642,18.109-6.884C51.073,33.196,52.801,27.767,51.853,21.927z M44.868,36.804    c-4.156,4.734-9.637,6.812-16.444,6.236c-6.202-0.495-11.765-2.904-16.69-7.227C1.727,27.029,0.767,18.03,8.855,8.817    c4.016-4.574,9.369-6.794,16.057-6.66c6.326,0.098,11.825,2.197,16.495,6.296c4.67,4.1,7.405,8.61,8.204,13.53    C50.465,27.289,48.884,32.23,44.868,36.804z"/><path d="M38.683,13.453c6.735,5.913,8.805,13.102,6.21,21.568c-0.974-7.605-3.875-13.527-8.704-17.766    c-4.701-4.127-9.898-6.074-15.589-5.838c-5.692,0.235-10.666,2.619-14.924,7.149c0.623-1.927,1.66-3.717,3.11-5.369    c3.625-4.129,8.548-6.051,14.767-5.768C29.383,7.708,34.426,9.716,38.683,13.453z"/><path d="M31.133,32.963c-1.589,0.913-3.873,0.791-6.854-0.363c-2.456-0.918-4.541-2.131-6.257-3.637    c-2.097-1.84-3.291-3.845-3.581-6.012C19.638,25.488,25.202,28.826,31.133,32.963z"/><path d="M91.741,65.298c1.08,0.948,1.628,2.245,1.646,3.892c0.016,1.646-0.491,3.057-1.522,4.232    c-1.088,1.239-2.525,1.947-4.311,2.123c-1.547,0.16-2.776-0.075-3.685-0.704L53.183,54.82c-1.156-0.733-1.474-2.165-0.953-4.296    c0.468-2.007,1.442-3.853,2.92-5.537c1.004-1.144,2.281-1.541,3.832-1.192L87.85,62.81L91.741,65.298z"/></g></g><g id="Слой_1"/></svg>

data/app/assets/images/comunit/base/placeholders/file.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 24 24" height="24px" id="Layer_1" version="1.1" viewBox="0 0 24 24" width="24px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M13,12c1.1,0,2-0.9,2-2V5.5C15,5.2,14.8,5,14.5,5S14,5.2,14,5.5V10c0,0.6-0.4,1-1,1s-1-0.4-1-1V3c0-1.1,0.9-2,2-2   s2,0.9,2,2h1c0-1.7-1.3-3-3-3s-3,1.3-3,3v7C11,11.1,11.9,12,13,12z"/><path d="M19.9,1h-2.4C17.8,1.6,18,2.3,18,3h1v19H2V3h8c0-0.7,0.2-1.4,0.6-2H1.1C0.5,1,0,1.5,0,2.1v20.8C0,23.5,0.5,24,1.1,24h18.8   c0.6,0,1.1-0.5,1.1-1.1V2.1C21,1.5,20.5,1,19.9,1z"/><g><rect height="1" width="4" x="5" y="8"/><rect height="1" width="4" x="5" y="10"/><rect height="1" width="4" x="5" y="12"/><rect height="1" width="11" x="5" y="14"/><rect height="1" width="11" x="5" y="16"/><rect height="1" width="11" x="5" y="18"/></g></g></svg>

data/app/assets/images/comunit/base/placeholders/region_image.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" ?>
+<svg height="24" version="1.1" width="24" xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(0 -1028.4)">
+    <path d="m3 1031.4v10c0 4.2 3.6322 8 9 10 5.368-2 9-5.8 9-10v-10h-18z" fill="#7f8c8d"/>
+    <path d="m3 1030.4v10c0 4.2 3.6322 8 9 10 5.368-2 9-5.8 9-10v-10h-18z" fill="#bdc3c7"/>
+    <path d="m3 1030.4v10c0 4.2 3.6322 8 9 10v-20h-9z" fill="#95a5a6"/>
+    <path d="m5 1032.4v8c0 3.4 2.8251 6.4 7 8 4.175-1.6 7-4.6 7-8v-8h-14z" fill="#ecf0f1"/>
+    <path d="m5 1040.4c0 3.4 2.8251 6.4 7 8v-8h-7z" fill="#2980b9"/>
+    <rect fill="#3498db" height="8" transform="translate(0 1028.4)" width="7" x="12" y="4"/>
+    <rect fill="#bdc3c7" height="8" transform="translate(0 1028.4)" width="7" x="5" y="4"/>
+  </g>
+</svg>

data/app/assets/javascripts/comunit/base/comunit-base.js

@@ -0,0 +1,197 @@
+"use strict";
+
+const Comunit = {
+    initialized: false,
+    autoInitComponents: true,
+    components: {}
+};
+
+Comunit.components.entityRegionSelect = {
+    initialized: false,
+    listSelector: ".js-form-region-select",
+    radioSelector: ".js-set-new-region",
+    containerSelector: ".result-container",
+    regionNameSelector: ".new-region-name",
+    lists: [],
+    init: function () {
+        document.querySelectorAll(this.listSelector).forEach(this.addList);
+        this.initialized = true;
+    },
+    addList: function (element) {
+        const component = Comunit.components.entityRegionSelect;
+        const list = {
+            "element": element,
+            "radio": element.querySelector(component.radioSelector),
+            "container": element.querySelector(component.containerSelector),
+            "name": element.querySelector(component.regionNameSelector)
+        };
+        list["url"] = list["container"].getAttribute("data-url");
+
+        element.setAttribute("data-list-index", String(component.lists.length));
+        list["radio"].addEventListener("click", component.radioChecked);
+
+        component.lists.push(list);
+    },
+    radioChecked: function (e) {
+        const component = Comunit.components.entityRegionSelect;
+        const radio = e.target;
+        const index = radio.closest(component.listSelector).getAttribute("data-list-index");
+        const list = component.lists[index];
+
+        list["radio"].value = "";
+        list["name"].innerHTML = "";
+        list["container"].innerHTML = "";
+
+        component.loadRegions(list["url"], list["container"]);
+    },
+    loadRegions: function (url, container) {
+        const component = Comunit.components.entityRegionSelect;
+        const request = Biovision.jsonAjaxRequest("get", url, function () {
+            const response = JSON.parse(this.responseText);
+            if (response.hasOwnProperty("data")) {
+                component.appendList(container, response["data"]);
+            }
+        });
+
+        request.send();
+    },
+    appendList: function (container, data) {
+        const component = Comunit.components.entityRegionSelect;
+        const select = document.createElement("select");
+        const index = container.closest(component.listSelector).getAttribute("data-list-index");
+        const list = component.lists[index];
+        const blankOption = document.createElement("option");
+        blankOption.innerHTML = list["name"].innerHTML + "↓";
+        blankOption.setAttribute("value", list["radio"].value);
+        select.append(blankOption);
+
+        data.forEach(function (item) {
+            const option = document.createElement("option");
+            option.innerHTML = item["attributes"]["name"];
+            option.value = item["id"];
+            if (parseInt(item["meta"]["child_count"]) > 0) {
+                option.setAttribute("data-url", item["links"]["self"]);
+            }
+
+            select.append(option);
+        });
+
+        select.addEventListener("change", component.newRegion);
+
+        container.append(select);
+    },
+    /**
+     *
+     * @param {Event} e
+     * @type {Function}
+     */
+    newRegion: function (e) {
+        const component = Comunit.components.entityRegionSelect;
+        const select = e.target;
+        const index = select.closest(component.listSelector).getAttribute("data-list-index");
+        const list = component.lists[index];
+        const option = select.options[select.selectedIndex];
+        const container = list["container"];
+
+        list["radio"].value = option.value;
+        list["name"].innerHTML = option.innerHTML;
+        if (option.hasAttribute("data-url")) {
+            const url = option.getAttribute("data-url");
+            const request = Biovision.jsonAjaxRequest("get", url, function () {
+                const response = JSON.parse(this.responseText);
+
+                if (response.hasOwnProperty("data")) {
+                    const data = response["data"];
+                    if (data.hasOwnProperty("relationships")) {
+                        const relationships = data["relationships"];
+                        if (relationships["children"].length > 0) {
+                            component.appendList(container, relationships["children"]);
+                        }
+                    }
+                }
+            });
+
+            component.removeSiblings(select);
+            request.send();
+        }
+    },
+    removeSiblings: function (current) {
+        const nextSibling = current.nextElementSibling;
+
+        if (nextSibling) {
+            this.removeSiblings(nextSibling);
+            nextSibling.remove();
+        }
+    }
+};
+
+Comunit.components.regionLinkRemover = {
+    initialized: false,
+    selector: ".region-link-destroy",
+    buttons: [],
+    init: function () {
+        document.querySelectorAll(this.selector).forEach(this.apply);
+        this.initialized = true;
+    },
+    apply: function (button) {
+        const component = Comunit.components.regionLinkRemover;
+        component.buttons.push(button);
+        button.addEventListener("click", component.handler);
+    },
+    handler: function (event) {
+        const button = event.target;
+        if (confirm(button.getAttribute("data-message"))) {
+            const url = button.getAttribute("data-url");
+            const request = Biovision.jsonAjaxRequest("delete", url, function () {
+                button.closest("li").remove();
+            });
+            request.send();
+        }
+    }
+};
+
+Comunit.components.regionLinkCreator = {
+    initialized: false,
+    selector: ".region-link-create",
+    button: undefined,
+    pattern: undefined,
+    container: undefined,
+    list: undefined,
+    init: function () {
+        this.button = document.querySelector(this.selector);
+        if (this.button) {
+            this.pattern = this.button.getAttribute("data-url");
+            this.container = this.button.closest(".js-grouping-container");
+            this.list = this.button.closest("div").querySelector(".js-form-region-select");
+            this.button.addEventListener("click", this.handler);
+            this.initialized = true;
+        }
+    },
+    handler: function () {
+        const component = Comunit.components.regionLinkCreator;
+        const radio = component.list.querySelector("input:checked");
+        const regionId = parseInt(radio.value);
+        if (regionId > 0) {
+            component.createLink(regionId);
+        }
+    },
+    createLink: function (regionId) {
+        const url = this.pattern.replace("_id_", String(regionId));
+        Biovision.jsonAjaxRequest("put", url, this.insertLink).send();
+    },
+    insertLink: function () {
+        const component = Comunit.components.regionLinkCreator;
+        const regionName = component.list.querySelector(".new-region-name").innerHTML;
+        let list = component.container.querySelector(".regions-user-linked");
+        if (!list) {
+            list = document.createElement("ul");
+            list.classList.add("regions-user-linked");
+            component.container.prepend(list);
+        }
+        const li = document.createElement("li");
+        li.innerHTML = regionName;
+        list.append(li);
+    }
+};
+
+Biovision.components.comunit = Comunit;

data/app/assets/javascripts/comunit/base/socialization.js

@@ -0,0 +1,47 @@
+'use strict';
+
+document.addEventListener('DOMContentLoaded', function () {
+    let $container = $('.follow-user-buttons');
+    let url = $container.data('url');
+
+    $container.find('.follow').on('click', function () {
+        let $follow = $(this).parent().find('.follow');
+        let $unfollow = $(this).parent().find('.unfollow');
+
+        $.ajax(url, {
+            method: 'put',
+            success: function (response) {
+                $follow.addClass('hidden');
+                $unfollow.removeClass('hidden');
+            }
+        }).fail(Biovision.handleAjaxFailure);
+    });
+
+    $container.find('.unfollow').on('click', function () {
+        let $follow = $(this).parent().find('.follow');
+        let $unfollow = $(this).parent().find('.unfollow');
+
+        $.ajax(url, {
+            method: 'delete',
+            success: function (response) {
+                $follow.removeClass('hidden');
+                $unfollow.addClass('hidden');
+            }
+        }).fail(Biovision.handleAjaxFailure);
+    });
+
+    $('.hide-request').on('click', function () {
+        let $button = $(this);
+
+        $.ajax($button.data('url'), {
+            method: 'delete',
+            success: function(response) {
+                if (response.hasOwnProperty('data')) {
+                    if (!response['data']['visible']) {
+                        $button.closest('li').addClass('hidden');
+                    }
+                }
+            }
+        }).fail(Biovision.handleAjaxFailure);
+    });
+});

data/app/assets/stylesheets/biovision/regions/regions.scss

@@ -0,0 +1,25 @@
+$border-primary: .1rem solid #777 !default;
+
+form {
+  #region-image {
+    img {
+      border: $border-primary;
+      max-height: 11rem;
+      width: 11rem;
+    }
+  }
+}
+
+.privileges {
+  &.regions {
+    margin: 0 0 0 1.2rem;
+    padding: 0;
+    border: none;
+
+    > li {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+    }
+  }
+}

data/app/assets/stylesheets/comunit/base/admin.scss

@@ -0,0 +1,95 @@
+@import "biovision/vote/vote";
+@import "biovision/comment/comments";
+@import "biovision/post/admin/posts";
+
+form {
+  .new-region-name:empty::after {
+    color: var(--text-color-secondary);
+    content: attr(data-blank);
+  }
+}
+
+.post-category-tree {
+  .post-category-tree {
+    border-left: .1rem solid #eee;
+    margin-bottom: var(--spacer-xs);
+    margin-left: .8rem;
+    padding-left: 1rem;
+  }
+}
+
+.regions-user-linked {
+  list-style: none;
+
+  li {
+    align-items: center;
+    display: flex;
+    margin: 0 0 var(--spacer-xs);
+  }
+}
+
+.regions-user-new {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+
+  ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  li {
+    align-items: center;
+    display: flex;
+    margin: 0 0 var(--spacer-xs) 0;
+    padding: 0;
+  }
+
+  .new-region-name {
+    font-weight: 500;
+    margin: 0 var(--spacer-xs);
+  }
+
+  .result-container {
+    margin: 0 var(--spacer-xs);
+  }
+}
+
+.region-link-destroy {
+  background: image_url('biovision/base/icons/destroy.svg') no-repeat center / 1.6rem auto;
+  border: none;
+  border-radius: 50%;
+  box-shadow: 0 0 .2rem rgba(127, 0, 0, .25);
+  cursor: pointer;
+  display: inline-block;
+  height: 2.4rem;
+  margin-right: var(--spacer-s);
+  transition: .25s;
+  width: 2.4rem;
+
+  &:focus,
+  &:hover {
+    background-color: rgba(127, 0, 0, .125);
+    box-shadow: 0 0 .4rem rgba(196, 0, 0, .75);
+  }
+}
+
+.region-link-create {
+  background: image_url('biovision/base/icons/create.svg') no-repeat center / 1.6rem auto;
+  border: none;
+  border-radius: 50%;
+  box-shadow: 0 0 .2rem rgba(0, 127, 0, .25);
+  cursor: pointer;
+  display: inline-block;
+  height: 2.4rem;
+  margin-right: var(--spacer-s);
+  transition: .25s;
+  width: 2.4rem;
+
+  &:focus,
+  &:hover {
+    background-color: rgba(0, 127, 0, .125);
+    box-shadow: 0 0 .4rem rgba(0, 196, 0, .75);
+  }
+}