opensourcecode/Hyper-M_Portal/admin/module/bulletin/bulletin.html

<link rel="stylesheet" type="text/css" href="module/content/css/content.css" />
<section class="user_page container">
      <div class="sales_report">
            <div class="sales_report_in">
                  <div class="sales_card" ng-show="listFound">
                        <div class="container-fluid table_area">

                              <div class="row top_box">
                                    <div class="left_box">
                                          <div class="input-group mb-3">
                                          </div>
                                    </div>
                                    <div class="right_box">
                                          <div class="sear">
                                                <form class="row form_2">
                                                      <div class="form-group col-sm-12 disable">
                                                            <input type="search" ng-change="onSearchChange()" class="form-control" ng-model="formData.mymodel" name="Search" placeholder="Search"
                                                                  autocomplete="off" required>
                                                      </div>
                                                </form>
                                          </div>
                                          <div class="addbtn">
                                                <button class="btn export" ng-click="addFun()">
                                                      <p>Add</p>
                                                </button>
                                          </div>
                                    </div>
                              </div>
                              <div class="row bottom_box">
                                    <div class="col-sm-12 table_box">
                                          <div class="table-fixed">
                                                <table class="table table-fixed">
                                                      <thead>
                                                            <tr class="row-name">
                                                                  <th class="col-xs-3">Title</th>
                                                                  <th class="col-xs-3">Short Description</th>
                                                                  <th class="col-xs-3">Image</th>
                                                                  <th class="col-xs-3">Action</th>
                                                            </tr>
                                                      </thead>
                                                      <tbody>
                                                            <tr class="pad-0 row-content col-xs-12" ng-repeat="list in bulletList">
                                                                  <td class="col-xs-3">{{list.bulletin_title}}</td>
                                                                  <td class="col-xs-3">{{list.bulletin_sdesc}}</td>
                                                                  <td class="col-xs-3">
                                                                        <div class="topic_img">
                                                                              <img src="{{list.image_url}}">
                                                                        </div>
                                                                  </td>
                                                                  <td class="col-xs-3">
                                                                        <div class="clsicon deleteicon  ion-edit" title="Edit" ng-click="editrow(list,$index)"></div>
                                                                        <div class="clsicon  editicon ion-trash-a" title="Delete" ng-click="deleterow(list,$index)"></div>
                                                                  </td>
                                                            </tr>
                                                      </tbody>
                                                </table>
                                          </div>
                                    </div>
                              </div>
                        </div>
                        <div class="container">
                              <div class="row">
                                    <nav aria-label="Page navigation" id="div1">
                                          <ul class="pagination pager" uib-pagination total-items="totalItems" ng-model="currentPage" ng-change="pageChanged()" max-size="maxSize"
                                                boundary-links="true" rotate="false" num-pages="numPages" items-per-page="itemsPerPage"></ul>
                                    </nav>
                              </div>
                        </div>
                  </div>
                  <!---ADD / EDIT FORM -------->
                  <div class="profile_bg" ng-if="formLoad">
                        <div class="container-fluid pro_head">
                              <h4 class="text4">{{formTitle}}</h4>
                              <button type="button" class="close ass-close" ng-click="closeForm()">
                                    <span>×</span>
                                </button>
                        </div>

                        <div class="container-fluid form_bg form-scroll">
                              <form name="contentform" class="row form_2" ng-submit="formSubmit()">
                                    <div class="form-group col-sm-6">
                                          <input id="topic" class="form-control" ng-model="formData.bulletin_title" autocomplete="off" required="required">
                                          <label for="topic" class="control-label form-control-placeholder">Title</label>
                                    </div>
                                    <!-- <div class="clearfix"></div> -->
                                    <div class="form-group col-sm-6 sdescription">
                                          <textarea id="sdesc" class="form-control" ng-model="formData.bulletin_sdesc" rows="8" cols="8" maxlength="100" required="required"></textarea>
                                          <label for="desc" class="control-label form-control-placeholder">Short Description ( Maximum 100 characters )</label>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group col-sm-12 phone">
                    <label for="segment" class="control-label ">Segment</label>  
                  <select id='segment' name="clscategory" ng-model="formData.segment"   class="form-control selectbox"
                     required select-option>
                    <option value="" selected="" disabled="disabled">{{sideselect.formText[4]}}</option>
                    <option value="0"  >Student Learner</option>
                    <option value="1"  >Parents/Guardian</option>
                    <option value="2"  >Instructor</option>
                  </select>
                  <div class="color_error shake" ng-if="segment_error!=''">
                     <a class="text-left shake">
                     {{segment_error}}</a>
                  </div>
               </div>
                                    <div class="form-group col-sm-12 description">
                                          <textarea id="desc" class="form-control" ng-model="formData.bulletin_desc" rows="10" cols="10" required="required"></textarea>
                                          <label for="desc" class="control-label form-control-placeholder">Description</label>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group col-sm-12 topic_title">
                                          <label>Role</label>
                                          <multiple-autocomplete ng-model="formData.roleList" object-property="rolename" suggestions-arr="role">
                                          </multiple-autocomplete>
                                          <div class="color_error shake" ng-if="role_error!=''">
                                                <a class="text-left shake">
                                                      {{role_error}}</a>
                                          </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <!-- <div>
                                          <label>Filters</label>
                                    </div> -->
                                    <!-- <div class="row region">
                                          <div class="form-group col-sm-4">
                                                <label>Zone</label>
                                                <div class="col-md-12 region_box scroll">
                                                      <div class="checkbox" ng-repeat="obj in zoneList track by $index">
                                                            <label class="checkbox-inline">
                                                                  <input type="checkbox" ng-change="zoneChanged(obj,$index)" ng-model="formData.zoneList[obj.zone]" value="{{obj.zone}}">{{obj.zone}}
                                                            </label>
                                                      </div>
                                                </div>
                                          </div>
                                          <div class="col-sm-4" ng-show="stateVisible">
                                                <label>City</label>
                                                <div class="col-sm-12 region_box scroll_bar">
                                                      <div class="checkbox" ng-repeat="obj in regionList">
                                                            <div ng-repeat="child in obj.child">
                                                                  <label class="checkbox-inline">
                                                                        <input type="checkbox" ng-change="regionChanged(child,$index)" ng-model="formData.regionList[child]" value="{{child}}">{{child}}
                                                                  </label>
                                                            </div>
                                                      </div>
                                                </div>
                                          </div>
                                          <div class="col-sm-4" ng-show="dealerVisible">
                                                <label>Dealer</label>
                                                <div class="col-sm-12 region_box scroll_bar">
                                                      <div class="checkbox" ng-repeat="obj in dealerList">
                                                            <div ng-repeat="child in obj.child">
                                                                  <label class="checkbox-inline">
                                                                        <input type="checkbox" ng-model="formData.dealerList[child.dealer_code]" value="{{child.dealer_code}}">{{child.dealer_name}}
                                                                  </label>
                                                            </div>
                                                      </div>
                                                </div>
                                          </div> 
                                    </div> -->
                                    <div class="color_error shake" ng-if="zone_error!=''">
                                          <a class="text-left shake">
                                                {{zone_error}}</a>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group col-sm-6">
                                          <label class='userlabel'>Image
                                                <span ng-if="formAction=='Edit'">
                                                      <a class="preview" target="_blank" href="{{image_url}}">Preview</a>
                                                </span>
                                          </label>
                                          <div class="clearfix"></div>
                                          <div class="upload-btn-wrapper">
                                                <button class="uploadbtn">Choose File</button>
                                                <input type="file" name="uploadfile" upload-img-file />
                                          </div>
                                          <div class="color_error shake" ng-if="image_error!=''">
                                                <a class="text-left shake">
                                                      {{image_error}}</a>
                                          </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="box-footer col-sm-12 text-center">
                                          <button type="button" class="btn primary fixed" ng-click="closeForm()">Cancel</button>
                                          <button type="submit" class="btn primary fixed">Submit</button>
                                    </div>
                              </form>
                        </div>
                  </div>
            </div>
      </div>
</section>