<commit_before>
<!--
  This is a .vue component divided into 3 parts :
  - <template> containing the HTML code of this component.
  - <script> containing the javascript code of this component.
  - <style> containing the CSS code of this component.
 -->

<template>

  <div id='addImage' v-on:keyup.esc="cancelAddImage">
    <button id="add_image" class="btn btn-raised btn-primary" v-show="showAddbutton" v-on:click="displayFormAddImage" >Add Application</button>

    <div class="modal" id="modal-add-image">
      <div class="modal-dialog">
        <div class="modal-content">
          <validator name="validation1">
            <form novalidate id="add-image-form" name="Form" class="form-horizontal">
              <fieldset>
                <div class="modal-header modal-addapp">
                  <legend>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" v-on:click="cancelAddImage">×</button>
                    <span class="titleFormAddInstance">Add Application</span>
                  </legend>
                </div>
                <br />
                <div class="modal-body">

                  <div class="form-group">
                    <label for="inputImageName" class="col-md-3 control-label">Application Name</label>
                    <div class="col-md-9">
                      <input class="form-control sizeInput" id="inputImageName" name="inputImageName" placeholder=" Ex : inistcnrs/ezark" type="text" value='[[ imageName ]]' v-model="imageName" v-validate:imageName="{ required: true }">
                      <input class="form-control sizeInput" id="inputVersionImage" placeholder="Tag (ex: 2.1.0)" value="[[ versionImage ]]" type="text" min='0' v-model="versionImage" v-validate:project="{ required: true}">
                    </div>

                    <button type="button" class="btn btn-default btn-md" v-on:click='showSettings'>
                      <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> Settings
                    </button>


                    <div class="form-group" id='settings' v-show="show">
                      <label for="inputImageHub" class="col-md-3 control-label">Docker registry</label>
                      <div class="col-md-9">
                        <input class="form-control" id="inputImageHub" name="inputImageHub" placeholder=" Ex : vsregistry.intra.inist.fr:5000" type="text" value='[[ imageHub ]]' v-model="imageHub">
                      </div>

                      <label for="inputUserName" class="col-md-3 control-label">UserName</label>
                      <div class="col-md-9">
                        <input class="form-control sizeInput" id="inputUserName" name="inputUserName" placeholder=" Ex : username" type="text" value='[[ username ]]' v-model="username">
                      </div>

                      <label for="inputImageHub" class="col-md-3 control-label">Password</label>
                      <div class="col-md-9"><commit_msg>example with ezvis instead of ezark<commit_after>
<!--
  This is a .vue component divided into 3 parts :
  - <template> containing the HTML code of this component.
  - <script> containing the javascript code of this component.
  - <style> containing the CSS code of this component.
 -->

<template>

  <div id='addImage' v-on:keyup.esc="cancelAddImage">
    <button id="add_image" class="btn btn-raised btn-primary" v-show="showAddbutton" v-on:click="displayFormAddImage" >Add Application</button>

    <div class="modal" id="modal-add-image">
      <div class="modal-dialog">
        <div class="modal-content">
          <validator name="validation1">
            <form novalidate id="add-image-form" name="Form" class="form-horizontal">
              <fieldset>
                <div class="modal-header modal-addapp">
                  <legend>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" v-on:click="cancelAddImage">×</button>
                    <span class="titleFormAddInstance">Add Application</span>
                  </legend>
                </div>
                <br />
                <div class="modal-body">

                  <div class="form-group">
                    <label for="inputImageName" class="col-md-3 control-label">Application Name</label>
                    <div class="col-md-9">
                      <input class="form-control sizeInput" id="inputImageName" name="inputImageName" placeholder=" Ex : inistcnrs/ezvis" type="text" value='[[ imageName ]]' v-model="imageName" v-validate:imageName="{ required: true }">
                      <input class="form-control sizeInput" id="inputVersionImage" placeholder="Tag (ex: 6.8.6)" value="[[ versionImage ]]" type="text" min='0' v-model="versionImage" v-validate:project="{ required: true}">
                    </div>

                    <button type="button" class="btn btn-default btn-md" v-on:click='showSettings'>
                      <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> Settings
                    </button>


                    <div class="form-group" id='settings' v-show="show">
                      <label for="inputImageHub" class="col-md-3 control-label">Docker registry</label>
                      <div class="col-md-9">
                        <input class="form-control" id="inputImageHub" name="inputImageHub" placeholder=" Ex : vsregistry.intra.inist.fr:5000" type="text" value='[[ imageHub ]]' v-model="imageHub">
                      </div>

                      <label for="inputUserName" class="col-md-3 control-label">UserName</label>
                      <div class="col-md-9">
                        <input class="form-control sizeInput" id="inputUserName" name="inputUserName" placeholder=" Ex : username" type="text" value='[[ username ]]' v-model="username">
                      </div>

                      <label for="inputImageHub" class="col-md-3 control-label">Password</label>
                      <div class="col-md-9">
{'fraction_non_alphanumeric': 0.14796425024826215, 'fraction_numerical': 0.005958291956305859, 'mean_word_length': 2.241952789699571, 'pattern_counts': {'":': 0, '<': 101, '<?xml version=': 0, '>': 101, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5357997', 'n_tokens_mistral': 1715, 'n_tokens_neox': 1602, 'n_words': 364}