add front-end

app/templates/user.html

@@ -113,6 +113,12 @@
                     {% endif %}
                     <li id="btn-5">
                         <a href="#panel-5" data-toggle="tab">WantToGo</a>
+                    </li>
+                    <li id="btn-8">
+                        <a href="#panel-8" data-toggle="tab">ConcernQuestion</a>
+                    </li>
+                    <li id="btn-9">
+                        <a href="#panel-9" data-toggle="tab">ConcernAnswer</a>
                     </li>
 				</ul>
 
@@ -158,6 +164,14 @@
                                 {% include 'organization/_activitiesWantingInProfile.html' %}
                             {% endfor %}
                         </ul>
+                    </div>
+                    <div class="tab-pane" id="panel-8">
+                        <ul class="activity list-unstyled">
+                        </ul>
+                    </div>
+                    <div class="tab-pane" id="panel-9">
+                        <ul class="activity list-unstyled">
+                        </ul>
                     </div>
 				</div>
         </div>
@@ -173,6 +187,8 @@
         var l5 = document.getElementById('btn-5')
         var l6 = document.getElementById('btn-6')
         var l7 = document.getElementById('btn-7')
+        var l8 = document.getElementById('btn-8')
+        var l9 = document.getElementById('btn-9')
         var content1 = document.getElementById('panel-1')
         var content2 = document.getElementById('panel-2')
         var content3 = document.getElementById('panel-3')
@@ -180,15 +196,48 @@
         var content5 = document.getElementById('panel-5')
         var content6 = document.getElementById('panel-6')
         var content7 = document.getElementById('panel-7')
+        var content8 = document.getElementById('panel-8')
+        var content9 = document.getElementById('panel-9')
 
         l1.onclick = function () {
             {#this.className = 'active'#}
-            content7.className=''
             content1.className = 'active'
 
+                    l9.className=''
+            content9.className = 'tab-pane'
+            l8.className=''
+            content8.className='tab-pane'
             l7.className=''
             l2.className = ''
-        content7.className='tab-pane'
+            l5.className = ''
+            content7.className='tab-pane'
+            content2.className = 'tab-pane'
+            content5.className = 'tab-pane'
+
+            {% if user.can(Permission.ACTIVITY) %}
+                l4.className = ''
+                content4.className = 'tab-pane'
+            {% else %}
+                l3.className = ''
+                content3.className = 'tab-pane'
+                l6.className = ''
+                content6.className = 'tab-pane'
+            {% endif %}
+
+        }
+
+        l8.onclick = function () {
+            {#this.className = 'active'#}
+            content8.className='active'
+
+            l7.className=''
+            content7.className = 'tab-pane'
+            l9.className=''
+            content9.className='tab-pane'
+
+            l1.className=''
+            content1.className='tab-pane'
+            l2.className = ''
             content2.className = 'tab-pane'
             l5.className = ''
             content5.className = 'tab-pane'
@@ -202,19 +251,48 @@
                 l6.className = ''
                 content6.className = 'tab-pane'
             {% endif %}
+        }
+
+        l9.onclick = function () {
+            {#this.className = 'active'#}
+             content9.className='active'
+
+            l7.className=''
+            content7.className = 'tab-pane'
+            l8.className=''
+            content8.className='tab-pane'
+
+            l1.className=''
+            content1.className='tab-pane'
+            l2.className = ''
+            content2.className = 'tab-pane'
+            l5.className = ''
+            content5.className = 'tab-pane'
 
+            {% if user.can(Permission.ACTIVITY) %}
+                l4.className = ''
+                content4.className = 'tab-pane'
+            {% else %}
+                l3.className = ''
+                content3.className = 'tab-pane'
+                l6.className = ''
+                content6.className = 'tab-pane'
+            {% endif %}
         }
 
         l7.onclick = function () {
             {#this.className = 'active'#}
-        {#content1.className=''#}
             content7.className = 'active'
 
+                                l9.className=''
+            content9.className = 'tab-pane'
+            l8.className=''
+            content8.className='tab-pane'
             l1.className=''
             l2.className = ''
-            content2.className = 'tab-pane'
-        content1.className='tab-pane'
             l5.className = ''
+            content2.className = 'tab-pane'
+            content1.className='tab-pane'
             content5.className = 'tab-pane'
 
             {% if user.can(Permission.ACTIVITY) %}
@@ -232,6 +310,13 @@
             this.className = 'active'
             content2.className = 'active'
 
+
+                                l9.className=''
+            content9.className = 'tab-pane'
+            l8.className=''
+            content8.className='tab-pane'
+            l7.className = ''
+            content7.className= 'tab-pane'
             l1.className = ''
             content1.className = 'tab-pane'
             l5.className = ''
@@ -252,6 +337,13 @@
             this.className = 'active'
             content5.className = 'active'
 
+
+                                l9.className=''
+            content9.className = 'tab-pane'
+            l8.className=''
+            content8.className='tab-pane'
+                    l7.className = ''
+            content7.className= 'tab-pane'
             l1.className = ''
             content1.className = 'tab-pane'
             l2.className = ''
@@ -271,8 +363,15 @@
         {% if user.can(Permission.ACTIVITY) %}
             l4.onclick = function () {
                 this.className = 'active'
-                content4.className = 'active'
 
+
+                                    l9.className=''
+            content9.className = 'tab-pane'
+            l8.className=''
+            content8.className='tab-pane'
+                content4.className = 'active'
+                            l7.className = ''
+            content7.className= 'tab-pane'
                 l1.className = ''
                 content1.className = 'tab-pane'
                 l2.className = ''
@@ -286,6 +385,10 @@
                 this.className = 'active'
                 content3.className = 'active'
 
+                                    l9.className=''
+            content9.className = 'tab-pane'
+            l8.className=''
+            content8.className='tab-pane'
                 l1.className = ''
                 content1.className = 'tab-pane'
                 l2.className = ''
@@ -300,6 +403,12 @@
                 this.className = 'active'
                 content6.className = 'active'
 
+                                    l9.className=''
+            content9.className = 'tab-pane'
+            l8.className=''
+            content8.className='tab-pane'
+                            l7.className = ''
+            content7.className= 'tab-pane'
                 l1.className = 'tab-pane'
                 content1.className = 'tab-pane'
                 l2.className = 'tab-pane'