front-end/src/app/admin/create-new-datarule/create-new-datarule.component.html [48:105]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                dns
              </i>
              <mat-form-field appearance="fill" style="width:80%">
                <mat-label>Rule Name</mat-label>
                <input formControlName="name" matInput placeholder="Enter Name">
                <mat-error>
                  Rule name is <strong>required</strong>
                </mat-error>
              </mat-form-field>
              <i class="material-icons info-icon" matTooltip="{{tooltip.name}}">
                info
              </i>
            </div>

            <div class="row">
              <i class="material-icons form-icon">
                priority_high
              </i>
              <mat-form-field appearance="fill" style="width:80%">
                <mat-label>Identifier</mat-label>
                <mat-select formControlName="identifier">
                  <mat-option *ngFor="let identifier of identifiers" value="{{identifier.name}}">{{identifier.name}}</mat-option>

                </mat-select>
                <mat-error>
                  Identifier is <strong>required</strong>
                </mat-error>
              </mat-form-field>
              <i class="material-icons info-icon"  matTooltip="{{tooltip.identifier}}">
                info
              </i>
            </div>
            <div class="row">
              <i class="material-icons form-icon">
                compare
              </i>
              <mat-form-field appearance="fill" style="width:80%">
                <mat-label>Condition</mat-label>
                <mat-select formControlName="condition">
                  <mat-option value="equals">Equals</mat-option>
                  <mat-option value="contains">Contains</mat-option>
                  <mat-option value="excludes">Excludes</mat-option>
                </mat-select>
                <mat-error>
                  Condition is <strong>required</strong>
                </mat-error>
              </mat-form-field>
              <i class="material-icons info-icon"  matTooltip="{{tooltip.condition}}">
                info
              </i>

            </div>
            <div class="row">
              <i class="material-icons form-icon">
                title
              </i>
              <mat-form-field appearance="fill" style="width:80%">
                <mat-label>Token</mat-label>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



front-end/src/app/admin/edit-data-rule/edit-data-rule.component.html [11:67]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
            dns
          </i>
          <mat-form-field appearance="fill" style="width:80%">
            <mat-label>Rule Name</mat-label>
            <input formControlName="name" matInput placeholder="Enter Name">
            <mat-error>
              Rule name is <strong>required</strong>
            </mat-error>
          </mat-form-field>
          <i class="material-icons info-icon" matTooltip="{{tooltip.name}}">
            info
          </i>
        </div>
        <div class="row">
          <i class="material-icons form-icon">
            priority_high
          </i>
          <mat-form-field appearance="fill" style="width:80%">
            <mat-label>Identifier</mat-label>
            <mat-select formControlName="identifier">
                <mat-option *ngFor="let identifier of identifiers" value="{{identifier.name}}">{{identifier.name}}</mat-option>

              </mat-select>
            <mat-error>
              Identifier is <strong>required</strong>
            </mat-error>
          </mat-form-field>
          <i class="material-icons info-icon" matTooltip="{{tooltip.identifier}}">
            info
          </i>
        </div>
        <div class="row">
          <i class="material-icons form-icon">
            compare
          </i>
          <mat-form-field appearance="fill" style="width:80%">
            <mat-label>Condition</mat-label>
            <mat-select formControlName="condition">
              <mat-option value="equals">Equals</mat-option>
              <mat-option value="contains">Contains</mat-option>
              <mat-option value="excludes">Excludes</mat-option>
            </mat-select>
            <mat-error>
              Condition is <strong>required</strong>
            </mat-error>
          </mat-form-field>
          <i class="material-icons info-icon" matTooltip="{{tooltip.condition}}">
            info
          </i>

        </div>
        <div class="row">
          <i class="material-icons form-icon">
            title
          </i>
          <mat-form-field appearance="fill" style="width:80%">
            <mat-label>Token</mat-label>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -