Renamed component from pro-resource-calendar to ptc-resource-calendar

Sami Kauranen · Sami Kauranen · commit 804d7a85e34c · 2020-03-06T11:42:46.000+02:00
diff --git a/README.md b/README.md
@@ -5,13 +5,17 @@
 Resource calendar for Angular 8+
 
 ## Install
+
 ### Step 1: Install @protacon/ngx-resource-calendar
+
 ```bash
 $ npm install --save @protacon/ngx-resource-calendar
 ```
 
 ### Step 2: Import the module
+
 Add `NgxResourceCalendarModule` as an import in your app's root NgModule.
+
 ```typescript
 import { NgxResourceCalendarModule }  from '@protacon/ngx-resource-calendar';
 
@@ -27,10 +31,17 @@ export class AppModule { }
 ```
 
 ## Usage
+
 Simple usage example
+
 ```html
-<pro-resource-calendar [dates]="dates" [events]="events" [infoTemplate]="infoTemplate" [hourTemplate]="hourTemplate">
-</pro-resource-calendar>
+<ptc-resource-calendar
+  [dates]="dates"
+  [events]="events"
+  [infoTemplate]="infoTemplate"
+  [hourTemplate]="hourTemplate"
+>
+</ptc-resource-calendar>
 <ng-template #infoTemplate>
   Info view
 </ng-template>
@@ -39,22 +50,23 @@ Simple usage example
 </ng-template>
 ```
 
-| Attribute | Description | Template output |
-| --- | --- | --- |
-| `dates` | Specifies the dates and resources which calendar shows | |
-| `events` | Events to show in calendar ||
-| `slotDurationInMinutes` | How many minutes one slot is. Default 15 minutes. | |
-| `height` | Heigh of one slot in pixels. Default 60px. | |
-| `hourBorderHeight` | Height between slots when hour changes like border or margin etc. Default 1px. | |
-| `infoTemplate` | A custom template to use for the header empty space top of hours. | - |
-| `dayTemplate` | A custom template to use for day view in header | day = DateModel |
-| `resourceTemplate` | A custom template to use for day view resource in header (below day template) | resource = ResourceModel  |
-| `hourTemplate` | A custom template to use for hour view (left to calendar) | slot = SlotModel  |
-| `eventTemplate` | A custom template to use for events | event = EventModel, resource = ResourceModel, day = DayModel |
-| `slotTemplate` | A custom template to use for slots | slot = SlotModel, resource = ResourceModel, day = DayModel |
-| `currentTimeTemplate` | A custom template to show current time etc. custom overlay | day = DateModel  |
+| Attribute               | Description                                                                    | Template output                                              |
+| ----------------------- | ------------------------------------------------------------------------------ | ------------------------------------------------------------ |
+| `dates`                 | Specifies the dates and resources which calendar shows                         |                                                              |
+| `events`                | Events to show in calendar                                                     |                                                              |
+| `slotDurationInMinutes` | How many minutes one slot is. Default 15 minutes.                              |                                                              |
+| `height`                | Heigh of one slot in pixels. Default 60px.                                     |                                                              |
+| `hourBorderHeight`      | Height between slots when hour changes like border or margin etc. Default 1px. |                                                              |
+| `infoTemplate`          | A custom template to use for the header empty space top of hours.              | -                                                            |
+| `dayTemplate`           | A custom template to use for day view in header                                | day = DateModel                                              |
+| `resourceTemplate`      | A custom template to use for day view resource in header (below day template)  | resource = ResourceModel                                     |
+| `hourTemplate`          | A custom template to use for hour view (left to calendar)                      | slot = SlotModel                                             |
+| `eventTemplate`         | A custom template to use for events                                            | event = EventModel, resource = ResourceModel, day = DayModel |
+| `slotTemplate`          | A custom template to use for slots                                             | slot = SlotModel, resource = ResourceModel, day = DayModel   |
+| `currentTimeTemplate`   | A custom template to show current time etc. custom overlay                     | day = DateModel                                              |
 
 ## License
+
 [The MIT License (MIT)](LICENSE)
 
 Copyright (c) 2020 Protacon
diff --git a/angular.json b/angular.json
@@ -7,7 +7,7 @@
       "projectType": "library",
       "root": "projects/ngx-resource-calendar",
       "sourceRoot": "projects/ngx-resource-calendar/src",
-      "prefix": "pro",
+      "prefix": "ptc",
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-ng-packagr:build",
@@ -31,9 +31,7 @@
               "projects/ngx-resource-calendar/tsconfig.lib.json",
               "projects/ngx-resource-calendar/tsconfig.spec.json"
             ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         }
       }
@@ -58,9 +56,7 @@
               "projects/demo/src/favicon.ico",
               "projects/demo/src/assets"
             ],
-            "styles": [
-              "projects/demo/src/styles.css"
-            ],
+            "styles": ["projects/demo/src/styles.css"],
             "scripts": []
           },
           "configurations": {
@@ -123,9 +119,7 @@
               "projects/demo/src/favicon.ico",
               "projects/demo/src/assets"
             ],
-            "styles": [
-              "projects/demo/src/styles.css"
-            ],
+            "styles": ["projects/demo/src/styles.css"],
             "scripts": []
           }
         },
@@ -137,9 +131,7 @@
               "projects/demo/tsconfig.spec.json",
               "projects/demo/e2e/tsconfig.json"
             ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         },
         "e2e": {
@@ -155,6 +147,7 @@
           }
         }
       }
-    }},
+    }
+  },
   "defaultProject": "ngx-resource-calendar"
-}
+}
diff --git a/projects/demo/src/app/app.component.css b/projects/demo/src/app/app.component.css
@@ -2,55 +2,55 @@ button.info-btn {
   color: #fff !important;
 }
 
-:host ::ng-deep pro-resource-calendar .header {
+:host ::ng-deep ptc-resource-calendar .header {
   border-bottom: 1px solid gray;
   background: #fff;
   text-align: center;
 }
 
-:host ::ng-deep pro-resource-calendar .header .day-row {
+:host ::ng-deep ptc-resource-calendar .header .day-row {
   font-size: normal;
   font-weight: 600;
   color: #0158af;
   text-transform: capitalize;
   padding-top: 10px;
 }
 
-:host ::ng-deep pro-resource-calendar .header .resource {
+:host ::ng-deep ptc-resource-calendar .header .resource {
   font-size: small;
   text-transform: uppercase;
   padding: 10px;
 }
 
-:host ::ng-deep pro-resource-calendar .hour-row {
+:host ::ng-deep ptc-resource-calendar .hour-row {
   text-align: right;
   background: #fff;
 }
 
-:host ::ng-deep pro-resource-calendar .hour-sub-slot {
+:host ::ng-deep ptc-resource-calendar .hour-sub-slot {
   padding: 0 10px;
   font-size: small;
   text-transform: uppercase;
   color: grey;
 }
 
-:host ::ng-deep pro-resource-calendar .hour-sub-slot:first-child {
+:host ::ng-deep ptc-resource-calendar .hour-sub-slot:first-child {
   font-weight: 800;
   font-size: normal;
 }
 
-:host ::ng-deep pro-resource-calendar .day-row {
+:host ::ng-deep ptc-resource-calendar .day-row {
   position: relative;
   width: 90%;
   border-left: 1px solid gray;
 }
 
-:host ::ng-deep pro-resource-calendar .hour-slot {
+:host ::ng-deep ptc-resource-calendar .hour-slot {
   background: #fff;
   border-bottom: 1px solid gray;
 }
 
-:host ::ng-deep pro-resource-calendar .hour-sub-slot:not(:last-child) {
+:host ::ng-deep ptc-resource-calendar .hour-sub-slot:not(:last-child) {
   border-bottom: 1px dashed gray;
 }
 
diff --git a/projects/demo/src/app/app.component.html b/projects/demo/src/app/app.component.html
@@ -2,9 +2,9 @@ <h1>Resource calendar</h1>
 <button (click)="setDay()">1 day</button>
 <button (click)="setDays()">2 days</button>
 <button (click)="addEvents()">Add events</button>
-<pro-resource-calendar
+<ptc-resource-calendar
   [dates]="dates"
   [events]="events"
   [slotDurationInMinutes]="15"
 >
-</pro-resource-calendar>
+</ptc-resource-calendar>
diff --git a/projects/ngx-resource-calendar/src/lib/resource-calendar.component.ts b/projects/ngx-resource-calendar/src/lib/resource-calendar.component.ts
@@ -11,7 +11,7 @@ import { DayModel } from './models/day.model';
 import { HourModel } from './models/hour.model';
 
 @Component({
-  selector: 'pro-resource-calendar',
+  selector: 'ptc-resource-calendar',
   template: `
     <div class="header">
       <div class="hour-row info-block">
diff --git a/projects/ngx-resource-calendar/tslint.json b/projects/ngx-resource-calendar/tslint.json
@@ -1,17 +1,7 @@
 {
   "extends": "../../tslint.json",
   "rules": {
-    "directive-selector": [
-      true,
-      "attribute",
-      "pro",
-      "camelCase"
-    ],
-    "component-selector": [
-      true,
-      "element",
-      "pro",
-      "kebab-case"
-    ]
+    "directive-selector": [true, "attribute", "ptc", "camelCase"],
+    "component-selector": [true, "element", "ptc", "kebab-case"]
   }
 }
