UI button as a property for different catalog or record producers

[Shantanu Arora]

Hi i have a created a custom button for a record producer. I am using there Add access & Remove access button instead of Submit button. I am willing to create this piece of code as property so that i can use it in other record producer or catalog item by simply adding their sys id in that property.

Currently i have added a piece of code attached where i am manually adding sys id but i want to make it as property. 

Code: 

</div>
<div class="form-group m-b-xs" ng-if="c.options.native_mobile != 'true' && (data.sc_cat_item.sys_id==='3f1dd0320a0a0b99000a53f7604a2ef9')||(data.sc_cat_item.sys_id==='8ed15d61db7d7d104ea40c17f39619a3')">
<button sp-ellipsis-tooltip sp-ellipsis-tooltip-title="${Add Access}" ng-click="handleAddAccess()" class="btn btn-primary btn-block text-overflow-ellipsis">
${Add Access}
</button>
<button sp-ellipsis-tooltip sp-ellipsis-tooltip-title="${Remove Access}" ng-click="handleRemoveAccess()" class="btn btn-primary btn-block text-overflow-ellipsis">
${Remove Access}
</button>
</div>
<div class="form-group m-b-xs" ng-if="c.options.native_mobile != 'true' && data.sc_cat_item.sys_id != '3f1dd0320a0a0b99000a53f7604a2ef9'&& data.sc_cat_item.sys_id!='8ed15d61db7d7d104ea40c17f39619a3'">
<button sp-ellipsis-tooltip sp-ellipsis-tooltip-title="{{submitButtonMsg}}" ng-if="::c.showOrderNowButton()" tabindex="0" name="submit" id="submit-btn" ng-disabled="disableControls()" ng-click="triggerOnSubmit()" class="btn btn-primary btn-block text-overflow-ellipsis">{{submitButtonMsg}}</button>
<span ng-if="submitting" style="padding-left:4px">${Submitting...}</span>
<span ng-if="validating" style="padding-left:4px">${Validating...}</span>
</div>

@Community Alums @Nayan Dhamane @Ankur Bawiskar @Community Alums @Saurav11