Feature/single api page view

apis/client/add/wizard.html

@@ -1,16 +1,18 @@
 <template name="addApiBackendWizard">
-  <h1>
-    {{_ "addApiBackendWizard_heading" }}
-  </h1>
-  {{> wizard
-    id="add-api-backend-wizard"
-    route="addApiBackend-wizard"
-    steps=steps
-    buttonClasses="btn btn-default"
-    stepsTemplate="steps_bootstrap3"
-    clearOnDestroy=true
-    backButton=backButtonText
-    nextButton=nextButtonText
-    confirmButton=confirmButtonText
-  }}
+  <div class="container">
+    <h1 class="page-main-title">
+      {{_ "addApiBackendWizard_heading" }}
+    </h1>
+    {{> wizard
+      id="add-api-backend-wizard"
+      route="addApiBackend-wizard"
+      steps=steps
+      buttonClasses="btn btn-default"
+      stepsTemplate="steps_bootstrap3"
+      clearOnDestroy=true
+      backButton=backButtonText
+      nextButton=nextButtonText
+      confirmButton=confirmButtonText
+    }}
+  </div>
 </template>

apis/client/edit/form/editApiBackendForm.html

@@ -1,73 +1,75 @@
 <template name="editApiBackendForm">
-  <div class="api-backends-content">
-    <h1>{{_ "apiBackends_Edit_API_Title"}}</h1>
-    {{#autoForm collection=formCollection doc=apiBackend id="apiBackendForm" type="update"}}
-    {{>showHelp 'api_name'}}
-    {{> afQuickField name='name'}}
-    <span class="help-block">{{_ "apiBackends_Title_Help"}}</span>
-    {{> afQuickField name='description'}}
-    <legend>{{_ "editApiBackendForm-uploadLogo"}}</legend>
-    {{> uploadApiLogo apiBackend=apiBackend }}
-    <legend>{{_ "apiBackends_Backend_Title"}}</legend>
-    <span class="help-block">{{_ "apiBackends_Backend_Help"}}</span>
-    {{> afQuickField name='backend_protocol' options="allowed"}}
-    {{>showHelp 'servers'}}
-    {{> afQuickField name='servers'}}
-    <legend>{{_ "apiBackends_Host_Title"}}</legend>
-    <div class="row">
-      <div class="col-lg-4">
-        {{>showHelp 'frontend_host'}}
-        {{> afQuickField name='frontend_host'}}
+  <div class="container">
+    <div class="api-backends-content">
+      <h1>{{_ "apiBackends_Edit_API_Title"}}</h1>
+      {{#autoForm collection=formCollection doc=apiBackend id="apiBackendForm" type="update"}}
+      {{>showHelp 'api_name'}}
+      {{> afQuickField name='name'}}
+      <span class="help-block">{{_ "apiBackends_Title_Help"}}</span>
+      {{> afQuickField name='description'}}
+      <legend>{{_ "editApiBackendForm-uploadLogo"}}</legend>
+      {{> uploadApiLogo apiBackend=apiBackend }}
+      <legend>{{_ "apiBackends_Backend_Title"}}</legend>
+      <span class="help-block">{{_ "apiBackends_Backend_Help"}}</span>
+      {{> afQuickField name='backend_protocol' options="allowed"}}
+      {{>showHelp 'servers'}}
+      {{> afQuickField name='servers'}}
+      <legend>{{_ "apiBackends_Host_Title"}}</legend>
+      <div class="row">
+        <div class="col-lg-4">
+          {{>showHelp 'frontend_host'}}
+          {{> afQuickField name='frontend_host'}}
+        </div>
+        <div class="col-lg-4 arrow">
+          <i class="fa fa-arrow-right fa-2x"></i>
+          <div>{{_ "apiBackends_HostRewrite"}}</div>
+        </div>
+        <div class="col-lg-4">
+          {{>showHelp 'backend_host'}}
+          {{> afQuickField name='backend_host'}}
+        </div>
       </div>
-      <div class="col-lg-4 arrow">
-        <i class="fa fa-arrow-right fa-2x"></i>
-        <div>{{_ "apiBackends_HostRewrite"}}</div>
+      <legend>{{_ "apiBackends_Matching_Title"}}</legend>
+      <span class="help-block">{{_ "apiBackends_Matching_Title_Help"}}</span>
+      {{>showHelp 'url_matches'}}
+      {{> afQuickField name='url_matches'}}
+      <legend data-toggle="collapse" data-target="#global-request-block" aria-expanded="false"><i class="fa fa-chevron-right"></i> {{_ "apiBackends_GlobalRequestSettings_Title"}}</legend>
+      <div id="global-request-block" class="collapse in">
+        {{>showHelp 'append_query_string'}}
+        {{> afQuickField name='append_query_string'}}
+        {{>showHelp 'set_headers'}}
+        {{> afQuickField name='set_headers'}}
+        {{>showHelp 'http_basic_auth'}}
+        {{> afQuickField name='http_basic_auth'}}
+        {{>showHelp 'require_https'}}
+        {{> afQuickField name='require_https' options="allowed"}}
+        {{>showHelp 'api_key_verification_level'}}
+        {{> afQuickField name='api_key_verification_level' options="allowed"}}
+        {{> afQuickField name='required_roles'}}
+        {{> afQuickField name='pass_api_key_header'}}
+        {{> afQuickField name='pass_api_key_query_param'}}
+        {{> afQuickField name='rate_limit_mode' options="allowed"}}
+        {{#if afFieldValueIs name='rate_limit_mode' value="Custom rate limits"}}
+        {{> afQuickField name='custom_rate_limits'}}
+        {{/if}}
+        {{>showHelp 'settings'}}
+        {{> afQuickField name='settings'}}
       </div>
-      <div class="col-lg-4">
-        {{>showHelp 'backend_host'}}
-        {{> afQuickField name='backend_host'}}
+      <legend data-toggle="collapse" data-target="#advanced-rewriting-block" aria-expanded="false"><i class="fa fa-chevron-right"></i> {{_ "apiBackends_AdvancedRequestsRewriting"}}</legend>
+      <div id="advanced-rewriting-block" class="collapse in">
+        <span class="help-block">{{_ "apiBackends_AdvancedRequestsRewriting_Help"}}</span>
+        {{> afQuickField name='rewrite'}}
       </div>
+      <legend data-toggle="collapse" data-target="#advanced-block" aria-expanded="false"><i class="fa fa-chevron-right"></i> {{_ "apiBackends_AdvancedSettings"}}</legend>
+      <div id="advanced-block" class="collapse in">
+        {{>showHelp 'balance_algorithm'}}
+        {{> afQuickField name='balance_algorithm' options="allowed"}}
+        {{> afQuickField name='error_templates'}}
+      </div>
+      <div id="form-buttons">
+        <button type="submit" class="btn btn-lg btn-success" id="add-apibackends">{{_ "apiBackends_Submit"}}</button>
+      </div>
+      {{/autoForm}}
     </div>
-    <legend>{{_ "apiBackends_Matching_Title"}}</legend>
-    <span class="help-block">{{_ "apiBackends_Matching_Title_Help"}}</span>
-    {{>showHelp 'url_matches'}}
-    {{> afQuickField name='url_matches'}}
-    <legend data-toggle="collapse" data-target="#global-request-block" aria-expanded="false"><i class="fa fa-chevron-right"></i> {{_ "apiBackends_GlobalRequestSettings_Title"}}</legend>
-    <div id="global-request-block" class="collapse in">
-      {{>showHelp 'append_query_string'}}
-      {{> afQuickField name='append_query_string'}}
-      {{>showHelp 'set_headers'}}
-      {{> afQuickField name='set_headers'}}
-      {{>showHelp 'http_basic_auth'}}
-      {{> afQuickField name='http_basic_auth'}}
-      {{>showHelp 'require_https'}}
-      {{> afQuickField name='require_https' options="allowed"}}
-      {{>showHelp 'api_key_verification_level'}}
-      {{> afQuickField name='api_key_verification_level' options="allowed"}}
-      {{> afQuickField name='required_roles'}}
-      {{> afQuickField name='pass_api_key_header'}}
-      {{> afQuickField name='pass_api_key_query_param'}}
-      {{> afQuickField name='rate_limit_mode' options="allowed"}}
-      {{#if afFieldValueIs name='rate_limit_mode' value="Custom rate limits"}}
-      {{> afQuickField name='custom_rate_limits'}}
-      {{/if}}
-      {{>showHelp 'settings'}}
-      {{> afQuickField name='settings'}}
-    </div>
-    <legend data-toggle="collapse" data-target="#advanced-rewriting-block" aria-expanded="false"><i class="fa fa-chevron-right"></i> {{_ "apiBackends_AdvancedRequestsRewriting"}}</legend>
-    <div id="advanced-rewriting-block" class="collapse in">
-      <span class="help-block">{{_ "apiBackends_AdvancedRequestsRewriting_Help"}}</span>
-      {{> afQuickField name='rewrite'}}
-    </div>
-    <legend data-toggle="collapse" data-target="#advanced-block" aria-expanded="false"><i class="fa fa-chevron-right"></i> {{_ "apiBackends_AdvancedSettings"}}</legend>
-    <div id="advanced-block" class="collapse in">
-      {{>showHelp 'balance_algorithm'}}
-      {{> afQuickField name='balance_algorithm' options="allowed"}}
-      {{> afQuickField name='error_templates'}}
-    </div>
-    <div id="form-buttons">
-      <button type="submit" class="btn btn-lg btn-success" id="add-apibackends">{{_ "apiBackends_Submit"}}</button>
-    </div>
-    {{/autoForm}}
   </div>
 </template>

apis/client/export/export.html

@@ -2,7 +2,6 @@
   <div class="panel panel-default">
     <div class="panel-heading">
       <h2 class="panel-title">
-        <i class="fa fa-cloud-download"></i>
         {{_ "view_ApiBackend_Export_Title"}}
       </h2>
     </div>

apis/client/manage/manage.html

@@ -1,84 +1,86 @@
 <template name='manageApiBackends'>
-  <h1 class="page-heading">{{_ "manage_ApiBackends_Title"}}</h1>
-  {{# each managedApis }}
-  <div class="panel panel-default managed-apis">
-    <div class="panel-heading">
-      <h2 class="panel-title">
-        {{ name }}
-        <div class="btn-group pull-right">
-          <a
-             href="{{ pathFor route='viewApiBackend' }}"
-             class="btn btn-success">
-            {{_ "manage_ApiBackends_View"}}
-          </a>
-          <a
-             href="{{ pathFor route='editApiBackend' }}"
-             class="btn btn-warning">
-            {{_ "manage_ApiBackends_Edit"}}
-          </a>
-          <a
-             href="#"
-             class="btn btn-danger"
-             id="deleteModal">
-            {{_ "manageApiBackends_deleteButton"}}
-          </a>
-        </div>
-        <div class="clearfix"></div>
-      </h2>
-    </div>
-    <div class="panel-body">
-      <div class="col-md-4">
-        <div class="panel panel-default">
-          <div class="panel-heading">
+  <div class="container">
+    <h1 class="page-main-title">{{_ "manage_ApiBackends_Title"}}</h1>
+    {{# each managedApis }}
+    <div class="panel panel-default managed-apis">
+      <div class="panel-heading">
+        <h2 class="panel-title">
+          {{ name }}
+          <div class="btn-group pull-right">
             <a
-               data-toggle="collapse"
-               data-target="#api-id-{{ _id }}-backend"
-               class="api-panel-title">
-              <h3 class="panel-title">
-                {{ backend_host }} ({{ backend_protocol }})
-              </h3>
+               href="{{ pathFor route='viewApiBackend' }}"
+               class="btn btn-success">
+              {{_ "manage_ApiBackends_View"}}
+            </a>
+            <a
+               href="{{ pathFor route='editApiBackend' }}"
+               class="btn btn-warning">
+              {{_ "manage_ApiBackends_Edit"}}
             </a>
-          </div><!-- /.panel-heading -->
-          <div id="api-id-{{ _id }}-backend" class="panel-body collapse">
-            <h4>Servers</h4>
-            <ul class="list-group">
-              {{# each servers }}
-              <li class="list-group-item">{{ host }} : {{ port }}</li>
-              {{/ each }}
-            </ul>
-          </div><!-- /.panel-body -->
-        </div><!-- /.panel -->
-      </div>
-      <div class="col-md-4 arrow text-center">
-        <i class="fa fa-arrow-right fa-2x"></i>
-        <span>{{_ "manage_ApiBackends_Rewrite"}}</span>
-      </div>
-      <div class="col-md-4">
-        <div class="panel panel-default">
-          <div class="panel-heading">
             <a
-               data-toggle="collapse"
-               data-target="#api-id-{{ _id }}-frontend"
-               class="api-panel-title">
-              <h3 class="panel-title">
-                {{ frontend_host }}
-              </h3>
+               href="#"
+               class="btn btn-danger"
+               id="deleteModal">
+              {{_ "manageApiBackends_deleteButton"}}
             </a>
-          </div><!-- /.panel-heading -->
-          <div id="api-id-{{ _id }}-frontend" class="panel-body collapse">
-            <h4>{{_ "manage_ApiBackends_Matches"}}</h4>
-            <ul class="list-group">
-              {{# each url_matches }}
-              <li class="list-group-item">
-                <span>{{_ "manage_ApiBackends_Backend"}} {{ backend_prefix }}</span><br />
-                <span>{{_ "manage_ApiBackends_Frontend"}} {{ frontend_prefix }}</span>
-              </li>
-              {{/ each }}
-            </ul>
-          </div><!-- /.panel-body -->
-        </div><!-- /.panel -->
+          </div>
+          <div class="clearfix"></div>
+        </h2>
+      </div>
+      <div class="panel-body">
+        <div class="col-md-4">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <a
+                 data-toggle="collapse"
+                 data-target="#api-id-{{ _id }}-backend"
+                 class="api-panel-title">
+                <h3 class="panel-title">
+                  {{ backend_host }} ({{ backend_protocol }})
+                </h3>
+              </a>
+            </div><!-- /.panel-heading -->
+            <div id="api-id-{{ _id }}-backend" class="panel-body collapse">
+              <h4>Servers</h4>
+              <ul class="list-group">
+                {{# each servers }}
+                <li class="list-group-item">{{ host }} : {{ port }}</li>
+                {{/ each }}
+              </ul>
+            </div><!-- /.panel-body -->
+          </div><!-- /.panel -->
+        </div>
+        <div class="col-md-4 arrow text-center">
+          <i class="fa fa-arrow-right fa-2x"></i>
+          <span>{{_ "manage_ApiBackends_Rewrite"}}</span>
+        </div>
+        <div class="col-md-4">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <a
+                 data-toggle="collapse"
+                 data-target="#api-id-{{ _id }}-frontend"
+                 class="api-panel-title">
+                <h3 class="panel-title">
+                  {{ frontend_host }}
+                </h3>
+              </a>
+            </div><!-- /.panel-heading -->
+            <div id="api-id-{{ _id }}-frontend" class="panel-body collapse">
+              <h4>{{_ "manage_ApiBackends_Matches"}}</h4>
+              <ul class="list-group">
+                {{# each url_matches }}
+                <li class="list-group-item">
+                  <span>{{_ "manage_ApiBackends_Backend"}} {{ backend_prefix }}</span><br />
+                  <span>{{_ "manage_ApiBackends_Frontend"}} {{ frontend_prefix }}</span>
+                </li>
+                {{/ each }}
+              </ul>
+            </div><!-- /.panel-body -->
+          </div><!-- /.panel -->
+        </div>
       </div>
     </div>
+    {{/ each }}
   </div>
-  {{/ each }}
 </template>

apis/client/view/backlog/backlog.html

@@ -3,7 +3,7 @@
     <div class="panel-heading">
       {{#if currentUserCanEditBacklog }}
           <button type="button"
-                  class="btn btn-info btn-sm pull-right"
+                  class="btn btn-info btn-xs pull-right"
                   data-toggle="modal"
                   data-target="#apiBacklogFormModal"
                   data-backdrop="static"
@@ -13,7 +13,6 @@
           </button>
       {{/if}}
       <h2 class="panel-title clearfix">
-        <i class="fa fa-check-square-o"></i>
         {{_ "apiBacklog_mainTitle"}}
       </h2>
     </div>