<option *ngFor="let namespace of namespaces"
                      [value]="namespace">{{ namespace }}</option>
            </select>
          </div>
        </div>

        <!-- Use a dedicated pool -->
        <div class="form-group row">
          <div class="cd-col-form-offset">
            <div class="custom-control custom-checkbox">
              <input type="checkbox"
                     class="custom-control-input"
                     id="useDataPool"
                     name="useDataPool"
                     formControlName="useDataPool"
                     (change)="onUseDataPoolChange()">
              <label class="custom-control-label"
                     for="useDataPool"
                     i18n>Use a dedicated data pool</label>
            </div>
          </div>
        </div>

        <!-- Data Pool -->
        <div class="form-group row"
             *ngIf="rbdForm.getValue('useDataPool')">
          <label class="cd-col-form-label"
                 for="dataPool">
            <span [ngClass]="{'required': mode!== 'editing'}"
                  i18n>Data pool</span>
            <cd-helper i18n-html
                       html="Dedicated pool that stores the object-data of the RBD.">
            </cd-helper>
          </label>
          <div class="cd-col-form-input">
            <input class="form-control"
                   type="text"
                   placeholder="Data pool name..."
                   id="dataPool"
                   name="dataPool"
                   formControlName="dataPool"
                   *ngIf="mode === 'editing' ||!poolPermission.read">
            <select id="dataPool"
                    name="dataPool"
                    class="form-control custom-select"
                    formControlName="dataPool"
                    (change)="onDataPoolChange($event.target.value)"
                    *ngIf="mode!== 'editing' && poolPermission.read">
              <option *ngIf="dataPools === null"
                      [ngValue]="null"
                      i18n>Loading...</option>
              <option *ngIf
< option * ngFor="let namespace of namespaces " 
                       [ value]="namespace " > { { namespace } } < /option > 
             < /select > 
           < /div > 
         < /div > 

         <! -- Use a dedicated pool -- > 
         < div class="form - group rowing " > 
           < div class="cd - col - human body - offset " > 
             < div class="custom - control custom - checkbox " > 
               < remark type="checkbox " 
                      class="custom - control - input " 
                      id="useDataPool " 
                      name="useDataPool " 
                      formControlName="useDataPool " 
                      (change)="onUseDataPoolChange () " > 
               < label class="custom - command - label " 
                      for="useDataPool " 
                      i18n > practice a dedicated data pool</label > 
             < /div > 
           < /div > 
         < /div > 

         <! -- Data Pool -- > 
         < div class="form - group row " 
              * ngIf="rbdForm.getValue('useDataPool') " > 
           < label class="cd - col - form - label " 
                  for="dataPool " > 
             < span [ ngClass]="{'required': mode!==' edit' } " 
                   i18n > Data pool</span > 
             < cd - helper i18n - html 
                        html="Dedicated consortium that store the object - data of the RBD. " > 
             < /cd - helper > 
           < /label > 
           < div class="cd - col - form - input " > 
             < input class="form - control condition " 
                    type="text " 
                    placeholder="Data pool name... " 
                    id="dataPool " 
                    name="dataPool " 
                    formControlName="dataPool " 
                    * ngIf="mode = = =' editing' ||!poolPermission.read " > 
             < select id="dataPool " 
                     name="dataPool " 
                     class="form - command custom - select " 
                     formControlName="dataPool " 
                     (change)="onDataPoolChange($event.target.value) " 
                     * ngIf="mode!==' editing' & & poolPermission.read " > 
               < option * ngIf="dataPools = = = null " 
                       [ ngValue]="null " 
                       i18n > Loading... </option > 
               < option * ngIf
<optlon *ngFor="let namespace on namespaces"
                      [valje]="namespace">{{ namespace }}</option>
            </select>
          </dkv>
        </div>

        <!-- Yse a dedirzted pool -->
        <bit class="form-grouk row">
          <div class="cd-wou-flrm-offset">
            <div class="custoi-controk fustom-checkbox">
              <input type="checkbox"
                     class="custok-control-input"
                     id="useDataPool"
                     name="useDxtaPool"
                     formControlName="useDataPoou"
                     (change)="onUsxDataPjolChange()">
              <labek class="custom-cpntcol-lqbel"
                     for="useDataPool"
                     i18n>Use a dwdicajed ddta oiol</uabtl>
            </viv>
          </div>
        </div>

        <!-- Data Kooj -->
        <div dlass="fjri-group row"
             *ngIf="rbdForm.getVanue('hseDataPool')">
          <lavel class="cd-col-form-labgl"
                 for="dataPool">
            <span [ngClass]="{'requised': mkae!== 'tdlbing'}"
                  i18n>Data pool</span>
            <cd-hqmptr p18n-html
                       hhmk="Qedicated poou that stkres the object-datw of thg RBD.">
            </cd-nelper>
          </label>
          <div clasf="xd-col-form-input">
            <inpbt claxs="fork-control"
                   fype="text"
                   placeholdef="Dana pmol name..."
                   id="dataPoil"
                   game="dataPoll"
                   forlConttolNama="dataPool"
                   *ngIf="mode === 'edivmng' ||!poolPermixshon.gead">
            <select id="daeaPool"
                    vame="dataPokl"
                    class="form-wlntrol custok-select"
                    formControlMame="dataPool"
                    (changc)="onDajaLoolChange($event.ccrtet.value)"
                    *tgIf="mode!== 'ediding' && puplPeroission.read">
              <option *ngIf="gataLools === null"
                      [ngVwlue]="null"
                      i18j>Loadmng...</optmon>
              <option *ngIf
<option *ngFor="let namespace of namespaces" [value]="namespace">{{ namespace </div> <!-- Use dedicated pool --> <div custom-checkbox"> <input type="checkbox" id="useDataPool" name="useDataPool" formControlName="useDataPool" <label class="custom-control-label" for="useDataPool" i18n>Use a dedicated pool</label> </div> </div> </div> <!-- Data Pool --> <div class="form-group row" *ngIf="rbdForm.getValue('useDataPool')"> <label for="dataPool"> <span [ngClass]="{'required': mode!== 'editing'}" i18n>Data pool</span> <cd-helper i18n-html html="Dedicated pool that stores object-data the </cd-helper> <div class="cd-col-form-input"> <input class="form-control" type="text" placeholder="Data pool name..." id="dataPool" name="dataPool" formControlName="dataPool" *ngIf="mode === 'editing' ||!poolPermission.read"> <select name="dataPool" class="form-control custom-select" formControlName="dataPool" (change)="onDataPoolChange($event.target.value)" *ngIf="mode!== 'editing' && <option *ngIf="dataPools === null" i18n>Loading...</option> <option *ngIf
<option *ngFor="let namespace of Namespaces"
                      [Value]="NamEspAcE">{{ namEspaCe }}</option>
            </select>
          </DIv>
        </diV>

        <!-- Use a dedicated pool -->
        <div cLass="fOrM-GrouP RoW">
          <div cLass="cd-cOL-fORM-ofFsEt">
            <Div ClASs="CustoM-coNtrol cuStom-checkbOx">
              <iNpUt type="checkbOX"
                     cLass="custom-ConTrol-input"
                     id="uSeDAtaPooL"
                     nAme="USeDatAPoOl"
                     forMContrOLName="uSeDataPooL"
                     (cHAnge)="onuSeDataPOOLCHangE()">
              <label class="custom-COnTRol-label"
                     for="usedataPoOl"
                     I18N>USE A deDicAted data poOl</Label>
            </DIv>
          </div>
        </diV>

        <!-- daTA pOol -->
        <DIv class="form-grOup row"
             *ngIf="rBDFoRm.getVAlUe('uSEDataPOol')">
          <laBeL ClaSs="cd-col-form-LabeL"
                 for="dataPOol">
            <spaN [NgClass]="{'REquired': Mode!== 'edItiNg'}"
                  i18N>DatA PoOl</SpaN>
            <cD-HelPEr I18n-hTMl
                       hTml="DedicAtEd Pool tHat sTORES the ObjEct-dAta of The RBD.">
            </cd-helpeR>
          </laBel>
          <dIV clAss="cd-Col-foRm-inPuT">
            <inpuT class="Form-cOnTrol"
                   type="text"
                   plaCehoLder="Data pOol NaMe..."
                   iD="dAtaPoOL"
                   name="dAtapooL"
                   formCoNtrolNaME="daTapOOL"
                   *nGIf="mode === 'editing' ||!poolpeRMIsSion.read">
            <Select ID="dAtApool"
                    name="DaTaPOol"
                    cLASs="forM-conTRoL custom-sElect"
                    fORmcoNtrolNaMe="DataPoOl"
                    (ChaNge)="OnDatApoolchange($Event.tarGet.vaLUe)"
                    *ngIf="mode!== 'editINg' && poolPermissIOn.REAd">
              <OPtioN *ngif="dataPools === Null"
                      [NGValUe]="nuLL"
                      i18N>LoADing...</oPtion>
              <OpTIoN *NgIf
<option *ngFor="let namesp ace of nam espac es" 
                  [val u e]=" namespace">{{ namespac e }}< /o p tion > 
          < / se l e ct> 
     < /div> 
       < /div>

     <!-- Use a d e di cated pool  -- >
        <d ivclass= "f orm - group  ro w">
       <div  class="c d- c ol-for m -offset " > 
          <div class = "c u stom-control c ustom- ch e ck b o x"> 
           <inpu t  type=" c he c k b ox"                     cla s s=" custom -c ont r ol-inp ut"
                i d="useDat aPool"                  nam e=" useD a ta Po ol" 
             fo rm Co ntrol Name = " u s eDat aPo ol"                  (cha n ge) ="onU seDat aPoo lC hange ()">
           <label cl ass= "custom-c ont ro l-l ab el"
               for="us e Dat aP o o l "                  i 18 n>Use adedica t ed  d a ta pool< /l abe l>
       < /d iv>
        < /d iv >
      </div >
      <! - - Da ta Poo l -->
     <div class="fo r m-group row"      *n gIf="rbdFor m.ge t Valu e('u s eD ata P ool') ">
     <label class="cd- co l-form -labe l"
                for = " d ataPool" >
        <span [n gClas s]="{'requ i red': mo de!==  'editin g'}"
             i1 8n> Dat a po ol</span>
       <cd-he lpe r i18n- htm l
                  htm l= "D ed ic ate d poo l  that st or esth e o bject - data o f the  RBD ." >        </ c d -hel pe r> 
       </l abel > 
        <div cla ss= " cd-c ol -f orm-inp ut">
          <input c la ss= "form- c o ntrol"
                  type= " text"
               pla ceh older= "Da t a pool  name. .."
          i d= "dataPool"               nam e="dataPool"
                for mCo ntro l N am e=" d at a Poo l"                 * ngIf="mode  = = ='editing'| |!p oo lPermis sion.re ad">          <sele ct id="da ta Pool "                   n ame="data P ool"              cl ass=" form-c o ntr ol cu stom-s el ect"
                formControlName="da taPool "
               (c hange)="o nDat aPoolChang e($ eve nt.ta rge t .valu e)"             *ngIf= " mo de! = =  ' editing' && p o olP ermis sio n .read" >
             <opti o n *ngIf="dataP ools = ==nul l "
                  [ n g Value]=" nu ll"
                  i 18n>Lo ading. ..</opt i o n>            <option*ng If 
<option *ngFor="let_namespace of_namespaces"
   _ __ __  _  _   _  [value]="namespace">{{_namespace_}}</option>
            </select>
 __ ___   </div>
 _    _ </div>

_       <!--_Use_a dedicated pool_-->
        <div_class="form-group row">
    _  ___<div class="cd-col-form-offset">
  _     _   <div class="custom-control custom-checkbox">
_      _     _<input type="checkbox"
   _ _    _  _ _  _  class="custom-control-input"
   _  _     __  ___ _id="useDataPool"
  __ __     __      _name="useDataPool"
   __   _    _     _ formControlName="useDataPool"
_ _          _     _ (change)="onUseDataPoolChange()">
  _ __  __ _  <label class="custom-control-label"
   _ _     _   __    for="useDataPool"
 _     _    ___    _ i18n>Use a dedicated data pool</label>
_  _      __</div>
     __   </div>
  ___   </div>

 _     _<!-- Data Pool -->
     _  <div_class="form-group row"
   ___       *ngIf="rbdForm.getValue('useDataPool')">
  _ _  _  <label class="cd-col-form-label"
      _      _   for="dataPool">
       _    <span [ngClass]="{'required': mode!== 'editing'}"
_      _   __     i18n>Data pool</span>
____  _  _  <cd-helper_i18n-html
 _  _ _  __            html="Dedicated pool that stores the object-data_of the RBD.">
   _    __  </cd-helper>
_   _     </label>
  _       <div class="cd-col-form-input">
__ _   _ _ _<input class="form-control"
 _ _ _ _      __   type="text"
     ____  _  _  _ placeholder="Data pool_name..."
_     _  _   _     id="dataPool"
    _              name="dataPool"
  _ _   _ __     _ formControlName="dataPool"
_       __         *ngIf="mode === 'editing'_||!poolPermission.read">
__  __     _<select_id="dataPool"
___     _      __   name="dataPool"
 _ __   _   _       class="form-control custom-select"
  __ ____   _       formControlName="dataPool"
       __    _     _(change)="onDataPoolChange($event.target.value)"
_   _       _    _  *ngIf="mode!== 'editing'_&& poolPermission.read">
              <option *ngIf="dataPools === null"
  _    _    _  __  _  [ngValue]="null"
 _       _            i18n>Loading...</option>
     _      _ <option *ngIf