gerrit.onap Code Review - ccsdk/cds.git/blob

   1 <div class="scrollWrapper">
   2     <div class="row m-0">
   3         <div class="col">
   4             <div class="form-group">
   5                 <label for="exampleInputEmail1">Function Instance Name</label>
   6                 <input type="text" class="form-control" placeholder="Function Instance Name">
   7             </div>
   8             <div class="form-group">
   9                 <label>Function Type</label>
  10                 <label class="attribute-value">component-resource-resolution</label>
  11             </div>
  12             <div class="form-group">
  13                 <label for="exampleFormControlTextarea1">Description</label>
  14                 <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
  15             </div>
  16         </div>
  17     </div>
  18     <!--INTERFACES-->
  19     <div class="accordion" id="accordionExample">
  20         <div class="card">
  21             <div class="card-header row" id="headingOne">
  22                 <button class="btn btn-link" type="button" data-toggle="collapse"
  23                         data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  24                     Interfaces
  25                 </button>
  26             </div>
  27
  28             <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
  29                  data-parent="#accordionExample">
  30                 <div class="card-body">
  31                     <!--Inputs & Outputs Tabs-->
  32                     <ul class="nav nav-pills nav-fill mb-3" id="pills-tab" role="tablist">
  33                         <li class="nav-item" role="presentation">
  34                             <a class="nav-link active" id="pills-home-tab" data-toggle="pill"
  35                                href="#pills-home" role="tab" aria-controls="pills-home"
  36                                aria-selected="true">Inputs</a>
  37                         </li>
  38                         <li class="nav-item" role="presentation">
  39                             <a class="nav-link" id="pills-profile-tab" data-toggle="pill"
  40                                href="#pills-profile" role="tab" aria-controls="pills-profile"
  41                                aria-selected="false">Outputs</a>
  42                         </li>
  43                     </ul>
  44                     <div class="tab-content" id="pills-tabContent">
  45                         <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
  46                              aria-labelledby="pills-home-tab">
  47                             <div class="row">
  48                                 <div class="col">
  49                                     <!--list-->
  50                                     <div class="attribute-wrap">
  51                                         <div class="form-group">
  52                                             <label
  53                                                     for="exampleFormControlTextarea1">artifact-prefix-names
  54                                                 <i class="icon-required-star" type="button"
  55                                                    aria-hidden="true"></i></label>
  56                                         </div>
  57                                         <div
  58                                                 class="custom-control custom-radio custom-control-inline">
  59                                             <input type="radio" id="customRadioInline1"
  60                                                    name="customRadioInline1"
  61                                                    class="custom-control-input">
  62                                             <label class="custom-control-label"
  63                                                    for="customRadioInline1">Pre-defined
  64                                                 Template</label>
  65                                         </div>
  66                                         <div
  67                                                 class="custom-control custom-radio custom-control-inline">
  68                                             <input type="radio" id="customRadioInline2"
  69                                                    name="customRadioInline1"
  70                                                    class="custom-control-input">
  71                                             <label class="custom-control-label"
  72                                                    for="customRadioInline2">Input Drivin
  73                                                 Template</label>
  74                                         </div>
  75                                         <br />
  76                                         <button type="button" class="btn btn-select-template"><i
  77                                                 class="icon-add-circle" type="button"
  78                                                 aria-hidden="true"></i> Select Template</button>
  79                                     </div>
  80                                     <!--string-->
  81                                     <div class="attribute-wrap">
  82                                         <div class="form-group">
  83                                             <label for="exampleInputEmail1">resoluton-key <i
  84                                                     class="icon-required-star" type="button"
  85                                                     aria-hidden="true"></i></label>
  86                                             <input type="text" class="form-control">
  87                                         </div>
  88                                     </div>
  89                                     <!--integer-->
  90                                     <div class="attribute-wrap">
  91                                         <div class="form-group">
  92                                             <label for="exampleInputEmail1">request-id <i
  93                                                     class="icon-required-star" type="button"
  94                                                     aria-hidden="true"></i></label>
  95                                             <input type="number" class="form-control" placeholder=""
  96                                                    value="356">
  97                                         </div>
  98                                     </div>
  99                                     <!--boolean-->
 100                                     <div class="attribute-wrap">
 101                                         <div class="form-group">
 102                                             <label
 103                                                     for="exampleFormControlTextarea1">resolution-summary
 104                                                 <i class="icon-required-star optional-attribute"
 105                                                    type="button" aria-hidden="true"></i></label>
 106                                         </div>
 107                                         <div
 108                                                 class="custom-control custom-radio custom-control-inline">
 109                                             <input type="radio" id="customRadioInline1"
 110                                                    name="customRadioInline1"
 111                                                    class="custom-control-input">
 112                                             <label class="custom-control-label"
 113                                                    for="customRadioInline1">True</label>
 114                                         </div>
 115                                         <div
 116                                                 class="custom-control custom-radio custom-control-inline">
 117                                             <input type="radio" id="customRadioInline2"
 118                                                    name="customRadioInline1"
 119                                                    class="custom-control-input">
 120                                             <label class="custom-control-label"
 121                                                    for="customRadioInline2">False</label>
 122                                         </div>
 123                                     </div>
 124                                     <!-- Add Optional Attributes button -->
 125                                 </div>
 126                             </div>
 127                         </div>
 128                         <div class="tab-pane fade" id="pills-profile" role="tabpanel"
 129                              aria-labelledby="pills-profile-tab">2</div>
 130                     </div>
 131                 </div>
 132             </div>
 133         </div>
 134     </div>
 135     <!--ARTIFACTS-->
 136     <div class="accordion" id="accordionExample1">
 137         <div class="card">
 138             <div class="card-header row" id="headingOne">
 139                 <button class="btn btn-link" type="button" data-toggle="collapse"
 140                         data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
 141                     Artifacts
 142                 </button>
 143             </div>
 144
 145             <div id="collapseTwo" class="collapse show" aria-labelledby="headingOne"
 146                  data-parent="#accordionExample1">
 147                 <div class="card-body">
 148                     <div class="row">
 149                         <div class="col-12">
 150                             <a class="template-mapping-list">
 151                                 <p>baseconfig</p>
 152                                 <span>Mapping</span>
 153                                 <span>Template</span>
 154
 155                                 <a data-toggle="modal"
 156                                    data-target="#templateDeletionModal"
 157                                    class="accordion-delete deleteTemplate"
 158                                    title="Delete Template"><i class="icon-delete-sm"></i></a>
 159                             </a>
 160
 161                         </div>
 162                         <div class="col-12">
 163                             <a class="template-mapping-list">
 164                                 <p>vpkg</p>
 165                                 <span>Mapping</span>
 166                                 <span>Template</span>
 167                                 <a data-toggle="modal"
 168                                    data-target="#templateDeletionModal"
 169                                    class="accordion-delete deleteTemplate"
 170                                    title="Delete Template"><i class="icon-delete-sm"></i></a>
 171                             </a>
 172                         </div>
 173                     </div>
 174                 </div>
 175             </div>
 176         </div>
 177     </div>
 178 </div>