Fixes #17415: Missing information that markdown is supported for tech…

…nique documentation
Normation · May 26, 2020 · 35a7aba · 35a7aba
1 parent b5c3a48
commit 35a7aba
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 3 deletions.
diff --git a/builder/css/custom.css b/builder/css/custom.css
@@ -130,7 +130,19 @@ body > .container-fluid > .row > div {
   display: none;
 }
 
-/* ===== TECHNIQUES & METHODS ===== */
+.markdown-icon {
+  width: 25px;
+  margin: 10px;
+}
+
+#markdown-info {
+  color: #938ea2;
+  font-style: italic;
+  font-size: 0.8em;
+  margin-bottom: 10px;
+  margin-left: 15px;
+}
+/* ===== TECHNIQUES & M {ETHODS ===== */
 .col-techniques,
 .col-methods{
   background: #fff;

diff --git a/builder/css/markdown-mark-solid.svg b/builder/css/markdown-mark-solid.svg
diff --git a/builder/index.html b/builder/index.html
@@ -361,9 +361,22 @@ <h3 ng-if="originalTechnique.name == ''"><i>New Technique</i></h3>
                               <span class="text-danger col-sm-8 col-sm-offset-3" ng-show="ui.editForm.name.$error.required && ui.editForm.name.$dirty">Technique name is required</span>
                           </div>
                           <div class="form-group">
-                              <label for="techniqueDescription" class="col-sm-3 control-label"><span class="text-fit">Description</span></label>
+                              <label for="techniqueDescription" class="col-sm-3 control-label">
+                                <span class="text-fit">Documentation</span>
+                                <img
+                                   class="markdown-icon tooltip-icon popover-bs"
+                                   src="ncf-builder/css/markdown-mark-solid.svg"
+                                   data-toggle="popover"
+                                   data-trigger="hover"
+                                   data-container="body"
+                                   data-placement="right"
+                                   data-content="Markdown format"
+                                   data-html="true"
+                                />
+                              </label>
+                              <div id="markdown-info">This content will be displayed in directives using this technique</div>
                               <div class="col-sm-8">
-                                  <textarea name="description" class="form-control" id="techniqueDescription" msd-elastic rows="1" ng-model="selectedTechnique.description" placeholder="Technique Description"></textarea>
+                                  <textarea name="description" class="form-control" id="techniqueDescription" type="text" msd-elastic rows="4" ng-model="selectedTechnique.description" placeholder="Technique Documentation"></textarea>
                               </div>
                           </div>
                           <div class="form-group" show-errors>