Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $scope.data=$localStorage.$default({
- tab: [{ name:'Default 1',
- page: $sce.trustAsHtml('<tab class="portlet" id="internalTabs">first internal</tab>'),
- image: $sce.trustAsHtml('<img style="float : right; " src = "'+token_url+'images/grp1_setting_icon.png" >'),
- Width: 100
- }]
- });
- <tabset>
- <tab class="grp_left"
- ng-model='newTab'
- sortable-tab
- ng-repeat="tab in data.tab"
- index='{{$index}}'
- style='width: {{tab.Width}}%;'
- id='{{$index}}'
- >
- <tab-heading>
- {{tab.name}} <span popover-template="dynamicPopover.templateUrl" popover-placement="bottom" rel="popover"><i ng-bind-html="tab.image"></i></span>
- </tab-heading>
- <!-- below is template of popover for add delete and rename tabs-->
- <script type="text/ng-template" id="myPopoverTemplate.html">
- <div class="form-group">
- <label>Enter Title : </label> <span ng-click='closePopup($event)' id='closePopup' ><i class="fa fa-times" style='float:right;'>close</i></span>
- <input type="text" maxlength="12" focus-me='true' ng-model="tab.name" class="form-control ">
- <button class='btn-warning btn-xl'ng-click='RenameTab($event,tab.name)' style='margin-top:6px;' ><span class="glyphicon glyphicon-ok" ></span>Add</button>
- <button class='btn-danger btn-xl' ng-click='removeTab($event,$index)' style='margin-top:6px;' ><span class="glyphicon glyphicon-remove" ></span>Delete</button>
- </div>
- </script><!-- end of template code -->
- <span ng-bind-html="tab.page" ></span>
- </tab>
- </tabset>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement