public/templates/main/apps/marketplace/views/plugins/edit/view.html/view.html

   1 <div id="marketplace-plugin" class="page-layout simple tabbed" layout="column">
   2   <!-- HEADER -->
   3   <div class="header md-accent-bg" layout="row" layout-align="start center">
   4     <div class="white-fg" layout="row" layout-align="start center" flex>
   5       <md-button
   6         class="goto-plugins-button md-icon-button"
   7         aria-label="Go to plugins"
   8         ng-click="vm.gotoPlugins()"
   9         translate
  10         translate-attr-aria-label="MARKETPLACE.GO_TO_PLUGINS"
  11       >
  12         <md-icon md-font-icon="icon-arrow-left"></md-icon>
  13       </md-button>
  14
  15       <div layout="row" layout-align="start center">
  16         <div class="plugin-image" hide-xs>
  17           <img ng-src="assets/images/business/plugins.jpg" />
  18         </div>
  19
  20         <div layout="column" layout-align="start start">
  21           <div class="h2">
  22             #{{vm.plugin.id}}
  23             <span ng-if="vm.plugin.name">{{vm.plugin.name}}</span>
  24           </div>
  25           <div class="subtitle secondary-text">
  26             <span translate="APP.CREATED_AT"></span>
  27             <span>{{vm.plugin.createdAt | date:'medium'}}</span>
  28           </div>
  29         </div>
  30       </div>
  31     </div>
  32     <div>
  33       <md-button
  34         type="submit"
  35         ng-click="vm.savePlugin()"
  36         ng-if="vm.crudPermissions.canEdit"
  37         class="send-button md-accent md-raised"
  38         ng-disabled="(generalForm.$invalid)"
  39         translate="APP.SAVE"
  40         translate-attr-aria-label="APP.SAVE"
  41       >
  42         SAVE
  43       </md-button>
  44     </div>
  45   </div>
  46   <!-- / HEADER -->
  47
  48   <!-- CONTENT -->
  49   <div class="content">
  50     <md-tabs
  51       md-selected="vm.selectedTab"
  52       md-stretch-tabs="always"
  53       flex
  54       layout-fill
  55       md-dynamic-height
  56     >
  57       <md-tab>
  58         <md-tab-label>
  59           <span translate="APP.SETTINGS">SETTINGS</span>
  60         </md-tab-label>
  61         <md-tab-body>
  62           <div
  63             class="plugin-detail-form-container general md-background-bg md-whiteframe-1dp"
  64           >
  65             <div class="pb-16" layout="row" layout-align="start center">
  66               <div class="h2 secondary-text" translate="APP.GENERAL">
  67                 GENERAL
  68               </div>
  69             </div>
  70             <form name="generalForm" novalidate>
  71               <md-input-container class="md-block">
  72                 <label translate="APP.NAME">Name</label>
  73                 <input
  74                   type="text"
  75                   name="name"
  76                   ng-model="vm.plugin.name"
  77                   ng-required="true"
  78                   autofocus
  79                   ng-disabled="!vm.crudPermissions.canEdit"
  80                 />
  81
  82                 <div
  83                   ng-messages="generalForm['name'].$error"
  84                   ng-show="generalForm['name'].$touched"
  85                   role="alert"
  86                 >
  87                   <div ng-message="required">
  88                     <span translate="APP.ERRORS.NAME_REQUIRED"
  89                       >Name field is required</span
  90                     >
  91                   </div>
  92                 </div>
  93               </md-input-container>
  94               <md-input-container class="md-block">
  95                 <label translate="APP.TYPE">Type</label>
  96                 <input
  97                   type="text"
  98                   name="type"
  99                   ng-model="vm.plugin.type"
 100                   disabled
 101                 />
 102
 103                 <div
 104                   ng-messages="generalForm['type'].$error"
 105                   ng-show="generalForm['type'].$touched"
 106                   role="alert"
 107                 >
 108                   <div ng-message="required">
 109                     <span translate="APP.ERRORS.TYPE_REQUIRED"
 110                       >Type field is required</span
 111                     >
 112                   </div>
 113                 </div>
 114               </md-input-container>
 115               <!--
 116                 This field is disabled because setting it to true or false doesn't update the pm2 process status (start or stopping)
 117                 <md-input-container class="md-block">
 118                   <md-switch
 119                     ng-model="vm.plugin.active"
 120                     aria-label="Active"
 121                     ng-disabled="true"
 122                     ><span translate="APP.ACTIVE">Active</span></md-switch
 123                   >
 124                 </md-input-container>
 125               -->
 126               <md-input-container class="md-block">
 127                 <label translate="APP.DESCRIPTION">Description</label>
 128                 <input
 129                   type="text"
 130                   name="description"
 131                   ng-model="vm.plugin.description"
 132                   ng-disabled="!vm.crudPermissions.canEdit"
 133                 />
 134
 135                 <div
 136                   ng-messages="generalForm['description'].$error"
 137                   ng-show="generalForm['description'].$touched"
 138                   role="alert"
 139                 >
 140                   <div ng-message="required">
 141                     <span translate="MARKETPLACE.ERRORS.DESCRIPTION_REQUIRED"
 142                       >Description field is required</span
 143                     >
 144                   </div>
 145                 </div>
 146               </md-input-container>
 147               <md-input-container class="md-block">
 148                 <label translate="MARKETPLACE.ICON">Icon</label>
 149                 <input
 150                   type="text"
 151                   name="icon"
 152                   ng-model="vm.plugin.icon"
 153                   ng-required="true"
 154                   ng-disabled="!vm.crudPermissions.canEdit"
 155                 />
 156
 157                 <div
 158                   ng-messages="generalForm['icon'].$error"
 159                   ng-show="generalForm['icon'].$touched"
 160                   role="alert"
 161                 >
 162                   <div ng-message="required">
 163                     <span translate="MARKETPLACE.ERRORS.ICON_REQUIRED"
 164                       >Icon field is required</span
 165                     >
 166                   </div>
 167                 </div>
 168               </md-input-container>
 169               <md-input-container class="md-block">
 170                 <label translate="MARKETPLACE.SIDEBAR">Sidebar</label>
 171                 <md-select
 172                   name="sidebar"
 173                   ng-model="vm.plugin.sidebar"
 174                   required
 175                   ng-disabled="!vm.crudPermissions.canEdit"
 176                 >
 177                   <md-option ng-value="'always'">Always</md-option>
 178                   <md-option ng-value="'adminOnly'">Admin Only</md-option>
 179                   <md-option ng-value="'agentOnly'">Agent Only</md-option>
 180                   <md-option ng-value="'never'">Never</md-option>
 181                 </md-select>
 182                 <div
 183                   ng-messages="generalForm['sidebar'].$error"
 184                   ng-show="generalForm['sidebar'].$touched"
 185                   role="alert"
 186                 >
 187                   <div ng-message="required">
 188                     <span translate="MARKETPLACE.ERRORS.SIDEBAR_REQUIRED"
 189                       >Sidebar field is required</span
 190                     >
 191                   </div>
 192                 </div>
 193               </md-input-container>
 194               <md-input-container
 195                 ng-if="vm.plugin.sidebar === 'always' || vm.plugin.sidebar === 'adminOnly'"
 196                 class="md-block"
 197               >
 198                 <label translate="MARKETPLACE.ADMINURL">AdminUrl</label>
 199                 <input
 200                   type="text"
 201                   name="adminUrl"
 202                   ng-model="vm.plugin.adminUrl"
 203                   ng-disabled="!vm.crudPermissions.canEdit"
 204                 />
 205
 206                 <div
 207                   ng-messages="generalForm['adminUrl'].$error"
 208                   ng-show="generalForm['adminUrl'].$touched"
 209                   role="alert"
 210                 >
 211                   <div ng-message="required">
 212                     <span translate="MARKETPLACE.ERRORS.ADMINURL_REQUIRED"
 213                       >AdminUrl field is required</span
 214                     >
 215                   </div>
 216                 </div>
 217               </md-input-container>
 218               <md-input-container
 219                 ng-if="vm.plugin.sidebar === 'always' || vm.plugin.sidebar === 'agentOnly'"
 220                 class="md-block"
 221               >
 222                 <label translate="MARKETPLACE.AGENTURL">AgentUrl</label>
 223                 <input
 224                   type="text"
 225                   name="agentUrl"
 226                   ng-model="vm.plugin.agentUrl"
 227                   ng-disabled="!vm.crudPermissions.canEdit"
 228                 />
 229
 230                 <div
 231                   ng-messages="generalForm['agentUrl'].$error"
 232                   ng-show="generalForm['agentUrl'].$touched"
 233                   role="alert"
 234                 >
 235                   <div ng-message="required">
 236                     <span translate="MARKETPLACE.ERRORS.AGENTURL_REQUIRED"
 237                       >AgentUrl field is required</span
 238                     >
 239                   </div>
 240                 </div>
 241               </md-input-container>
 242               <md-input-container
 243                 ng-if="vm.plugin.type === 'script'"
 244                 class="md-block"
 245               >
 246                 <label translate="MARKETPLACE.SCRIPTNAME">ScriptName</label>
 247                 <input
 248                   type="text"
 249                   name="scriptName"
 250                   ng-model="vm.plugin.scriptName"
 251                   disabled
 252                 />
 253
 254                 <div
 255                   ng-messages="generalForm['scriptName'].$error"
 256                   ng-show="generalForm['scriptName'].$touched"
 257                   role="alert"
 258                 >
 259                   <div ng-message="required">
 260                     <span translate="MARKETPLACE.ERRORS.SCRIPTNAME_REQUIRED"
 261                       >ScriptName field is required</span
 262                     >
 263                   </div>
 264                 </div>
 265               </md-input-container>
 266               <md-input-container
 267                 ng-if="vm.plugin.type === 'script'"
 268                 class="md-block"
 269               >
 270                 <label translate="MARKETPLACE.SCRIPTPATH">ScriptPath</label>
 271                 <input
 272                   type="text"
 273                   name="scriptPath"
 274                   ng-model="vm.plugin.scriptPath"
 275                   ng-required="true"
 276                   ng-disabled="!vm.crudPermissions.canEdit"
 277                 />
 278
 279                 <div
 280                   ng-messages="generalForm['scriptPath'].$error"
 281                   ng-show="generalForm['scriptPath'].$touched"
 282                   role="alert"
 283                 >
 284                   <div ng-message="required">
 285                     <span translate="MARKETPLACE.ERRORS.SCRIPTPATH_REQUIRED"
 286                       >ScriptPath field is required</span
 287                     >
 288                   </div>
 289                 </div>
 290               </md-input-container>
 291               <md-input-container class="md-block">
 292                 <label translate="MARKETPLACE.VERSION">Version</label>
 293                 <input
 294                   type="text"
 295                   name="version"
 296                   ng-model="vm.plugin.version"
 297                   disabled
 298                 />
 299
 300                 <div
 301                   ng-messages="generalForm['version'].$error"
 302                   ng-show="generalForm['version'].$touched"
 303                   role="alert"
 304                 >
 305                   <div ng-message="required">
 306                     <span translate="MARKETPLACE.ERRORS.VERSION_REQUIRED"
 307                       >Version field is required</span
 308                     >
 309                   </div>
 310                 </div>
 311               </md-input-container>
 312             </form>
 313           </div>
 314         </md-tab-body>
 315       </md-tab>
 316     </md-tabs>
 317   </div>
 318   <!-- / CONTENT -->
 319 </div>