Appointment Form Redesign: Demos: Update resource icons

apps/demos/Demos/Scheduler/Adaptability/Angular/app/app.component.html

@@ -13,6 +13,7 @@
     fieldExpr="priorityId"
     label="Priority"
     [dataSource]="priorities"
+    icon="tags"
   >
   </dxi-resource>
 </dx-scheduler>

apps/demos/Demos/Scheduler/Adaptability/React/App.tsx

@@ -33,6 +33,7 @@ const App = () => {
           dataSource={priorities}
           fieldExpr="priorityId"
           label="Priority"
+          icon="tags"
         />
       </Scheduler>
       <SpeedDialAction

apps/demos/Demos/Scheduler/Adaptability/ReactJs/App.js

@@ -29,6 +29,7 @@ const App = () => {
           dataSource={priorities}
           fieldExpr="priorityId"
           label="Priority"
+          icon="tags"
         />
       </Scheduler>
       <SpeedDialAction

apps/demos/Demos/Scheduler/Adaptability/Vue/App.vue

@@ -16,6 +16,7 @@
         :data-source="priorities"
         field-expr="priorityId"
         label="Priority"
+        icon="tags"
       />
     </DxScheduler>
     <DxSpeedDialAction

apps/demos/Demos/Scheduler/Adaptability/jQuery/index.js

@@ -12,6 +12,7 @@ $(() => {
       fieldExpr: 'priorityId',
       dataSource: priorities,
       label: 'Priority',
+      icon: 'tags',
     }],
   }).dxScheduler('instance');
 

apps/demos/Demos/Scheduler/Agenda/Angular/app/app.component.html

@@ -13,12 +13,14 @@
     [allowMultiple]="true"
     [dataSource]="assignees"
     [useColorAsDefault]="true"
+    icon="user"
   >
   </dxi-resource>
   <dxi-resource
     fieldExpr="priorityId"
     label="Priority"
     [dataSource]="priorities"
+    icon="tags"
   >
   </dxi-resource>
 </dx-scheduler>

apps/demos/Demos/Scheduler/Agenda/React/App.tsx

@@ -25,11 +25,13 @@ const App = () => (
       fieldExpr="assigneeId"
       label="Assignee"
       useColorAsDefault={true}
+      icon="user"
     />
     <Resource
       dataSource={priorities}
       fieldExpr="priorityId"
       label="Priority"
+      icon="tags"
     />
   </Scheduler>
 );

apps/demos/Demos/Scheduler/Agenda/ReactJs/App.js

@@ -25,11 +25,13 @@ const App = () => (
       fieldExpr="assigneeId"
       label="Assignee"
       useColorAsDefault={true}
+      icon="user"
     />
     <Resource
       dataSource={priorities}
       fieldExpr="priorityId"
       label="Priority"
+      icon="tags"
     />
   </Scheduler>
 );

apps/demos/Demos/Scheduler/Agenda/Vue/App.vue

@@ -14,11 +14,13 @@
       :allow-multiple="true"
       field-expr="assigneeId"
       label="Assignee"
+      icon="user"
     />
     <DxResource
       :data-source="priorities"
       field-expr="priorityId"
       label="Priority"
+      icon="tags"
     />
   </DxScheduler>
 </template>

apps/demos/Demos/Scheduler/Agenda/jQuery/index.js

@@ -16,10 +16,12 @@ $(() => {
         dataSource: assignees,
         label: 'Assignee',
         useColorAsDefault: true,
+        icon: 'user',
       }, {
         fieldExpr: 'priorityId',
         dataSource: priorities,
         label: 'Priority',
+        icon: 'tags',
       }],
     height: 600,
   });

apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/app/app.component.html

@@ -19,5 +19,6 @@
     fieldExpr="roomId"
     label="room"
     [dataSource]="resourcesData"
+    icon="conferenceroomoutline"
   ></dxi-resource>
 </dx-scheduler>

apps/demos/Demos/Scheduler/AppointmentCountPerCell/React/App.tsx

@@ -31,6 +31,7 @@ const App = () => (
       dataSource={resourcesData}
       fieldExpr="roomId"
       label="Room"
+      icon="conferenceroomoutline"
     />
   </Scheduler>
 );

apps/demos/Demos/Scheduler/AppointmentCountPerCell/ReactJs/App.js

@@ -33,6 +33,7 @@ const App = () => (
       dataSource={resourcesData}
       fieldExpr="roomId"
       label="Room"
+      icon="conferenceroomoutline"
     />
   </Scheduler>
 );

apps/demos/Demos/Scheduler/AppointmentCountPerCell/Vue/App.vue

@@ -11,6 +11,7 @@
         :data-source="resourcesData"
         field-expr="roomId"
         label="Room"
+        icon="conferenceroomoutline"
       />
       <DxView
         type="month"

apps/demos/Demos/Scheduler/AppointmentCountPerCell/jQuery/index.js

@@ -21,6 +21,7 @@ $(() => {
       fieldExpr: 'roomId',
       dataSource: resourcesData,
       label: 'Room',
+      icon: 'conferenceroomoutline',
     }],
     height: 730,
   }).dxScheduler('instance');

apps/demos/Demos/Scheduler/ContextMenu/Angular/app/app.component.html

@@ -16,6 +16,7 @@
     fieldExpr="roomId"
     label="room"
     [dataSource]="resourcesData"
+    icon="conferenceroomoutline"
   ></dxi-resource>
 </dx-scheduler>
 <dx-context-menu

apps/demos/Demos/Scheduler/ContextMenu/React/App.tsx

@@ -132,6 +132,7 @@ const App = () => {
           dataSource={resourcesData}
           fieldExpr="roomId"
           label="Room"
+          icon="conferenceroomoutline"
         />
       </Scheduler>
       <ContextMenu

apps/demos/Demos/Scheduler/ContextMenu/ReactJs/App.js

@@ -123,6 +123,7 @@ const App = () => {
           dataSource={resourcesData}
           fieldExpr="roomId"
           label="Room"
+          icon="conferenceroomoutline"
         />
       </Scheduler>
       <ContextMenu

apps/demos/Demos/Scheduler/ContextMenu/Vue/App.vue

@@ -19,6 +19,7 @@
         :data-source="resourcesData"
         field-expr="roomId"
         label="Room"
+        icon="conferenceroomoutline"
       />
     </DxScheduler>
     <DxContextMenu

apps/demos/Demos/Scheduler/ContextMenu/jQuery/index.js

@@ -26,6 +26,7 @@ $(() => {
       fieldExpr: 'roomId',
       dataSource: resourcesData,
       label: 'Room',
+      icon: 'conferenceroomoutline',
     }],
     height: 730,
   });

apps/demos/Demos/Scheduler/GroupByDate/Angular/app/app.component.html

@@ -17,6 +17,7 @@
     fieldExpr="priorityId"
     label="Priority"
     [allowMultiple]="false"
+    icon="tags"
   ></dxi-resource>
 </dx-scheduler>
 

apps/demos/Demos/Scheduler/GroupByDate/React/App.tsx

@@ -34,6 +34,7 @@ const App = () => {
           allowMultiple={false}
           dataSource={priorityData}
           label="Priority"
+          icon="tags"
         />
         <View type="week" name="Week" />
         <View type="month" name="Month" />

apps/demos/Demos/Scheduler/GroupByDate/ReactJs/App.js

@@ -29,6 +29,7 @@ const App = () => {
           allowMultiple={false}
           dataSource={priorityData}
           label="Priority"
+          icon="tags"
         />
         <View
           type="week"

apps/demos/Demos/Scheduler/GroupByDate/Vue/App.vue

@@ -25,6 +25,7 @@
         :data-source="priorityData"
         field-expr="priorityId"
         label="Priority"
+        icon="tags"
       />
     </DxScheduler>
 

apps/demos/Demos/Scheduler/GroupByDate/jQuery/index.js

@@ -29,6 +29,7 @@ $(() => {
         allowMultiple: false,
         dataSource: priorityData,
         label: 'Priority',
+        icon: 'tags',
       },
     ],
     height: 730,

apps/demos/Demos/Scheduler/GroupingByResources/Angular/app/app.component.html

@@ -31,5 +31,6 @@
     fieldExpr="priorityId"
     label="Priority"
     [allowMultiple]="false"
+    icon="tags"
   ></dxi-resource>
 </dx-scheduler>

apps/demos/Demos/Scheduler/GroupingByResources/React/App.tsx

@@ -37,6 +37,7 @@ const App = () => (
       allowMultiple={false}
       dataSource={priorityData}
       label="Priority"
+      icon="tags"
     />
   </Scheduler>
 );

apps/demos/Demos/Scheduler/GroupingByResources/ReactJs/App.js

@@ -34,6 +34,7 @@ const App = () => (
       allowMultiple={false}
       dataSource={priorityData}
       label="Priority"
+      icon="tags"
     />
   </Scheduler>
 );

apps/demos/Demos/Scheduler/GroupingByResources/Vue/App.vue

@@ -28,6 +28,7 @@
       :data-source="priorityData"
       field-expr="priorityId"
       label="Priority"
+      icon="tags"
     />
   </DxScheduler>
 </template>

apps/demos/Demos/Scheduler/GroupingByResources/jQuery/index.js

@@ -27,6 +27,7 @@ $(() => {
         allowMultiple: false,
         dataSource: priorityData,
         label: 'Priority',
+        icon: 'tags',
       },
     ],
     showCurrentTimeIndicator: false,

apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/app/app.component.html

@@ -29,6 +29,7 @@
     [allowMultiple]="false"
     [dataSource]="priorityData"
     label="Priority"
+    icon="tags"
   >
   </dxi-resource>
 

apps/demos/Demos/Scheduler/IndividualViewsCustomization/React/App.tsx

@@ -45,6 +45,7 @@ const App = () => (
       fieldExpr="priorityId"
       label="Priority"
       allowMultiple={false}
+      icon="tags"
     />
     <Resource
       dataSource={typeData}

apps/demos/Demos/Scheduler/IndividualViewsCustomization/ReactJs/App.js

@@ -42,6 +42,7 @@ const App = () => (
       fieldExpr="priorityId"
       label="Priority"
       allowMultiple={false}
+      icon="tags"
     />
     <Resource
       dataSource={typeData}

apps/demos/Demos/Scheduler/IndividualViewsCustomization/Vue/App.vue

@@ -32,6 +32,7 @@
       :allow-multiple="false"
       field-expr="priorityId"
       label="Priority"
+      icon="tags"
     />
     <DxResource
       :data-source="typeData"

apps/demos/Demos/Scheduler/IndividualViewsCustomization/jQuery/index.js

@@ -39,6 +39,7 @@ $(() => {
       allowMultiple: false,
       dataSource: priorityData,
       label: 'Priority',
+      icon: 'tags',
     }, {
       fieldExpr: 'typeId',
       allowMultiple: false,

apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.html

@@ -18,6 +18,7 @@
     [allowMultiple]="false"
     [dataSource]="resourcesDataSource"
     label="Employee"
+    icon="group"
   >
   </dxi-resource>
 

apps/demos/Demos/Scheduler/Overview/React/App.tsx

@@ -31,6 +31,7 @@ const App = () => (
       fieldExpr="employeeID"
       dataSource={employees}
       allowMultiple={false}
+      icon="group"
     />
   </Scheduler>
 );

apps/demos/Demos/Scheduler/Overview/ReactJs/App.js

@@ -28,6 +28,7 @@ const App = () => (
       fieldExpr="employeeID"
       dataSource={employees}
       allowMultiple={false}
+      icon="group"
     />
   </Scheduler>
 );

apps/demos/Demos/Scheduler/Overview/Vue/App.vue

@@ -19,6 +19,7 @@
       :allow-multiple="false"
       label="Employee"
       field-expr="employeeID"
+      icon="group"
     />
 
     <template #resourceCellTemplate="{ data: employee }">

apps/demos/Demos/Scheduler/Overview/jQuery/index.js

@@ -17,6 +17,7 @@ $(() => {
         allowMultiple: false,
         dataSource: employees,
         label: 'Employee',
+        icon: 'group',
       },
     ],
     dataCellTemplate(cellData, index, container) {

apps/demos/Demos/Scheduler/RecurringAppointments/Angular/app/app.component.html

@@ -11,5 +11,6 @@
     fieldExpr="roomId"
     label="room"
     [dataSource]="resourcesData"
+    icon="conferenceroomoutline"
   ></dxi-resource>
 </dx-scheduler>

apps/demos/Demos/Scheduler/RecurringAppointments/React/App.tsx

@@ -21,6 +21,7 @@ const App = () => (
       dataSource={resourcesData}
       fieldExpr="roomId"
       label="Room"
+      icon="conferenceroomoutline"
     />
   </Scheduler>
 );

apps/demos/Demos/Scheduler/RecurringAppointments/ReactJs/App.js

@@ -18,6 +18,7 @@ const App = () => (
       dataSource={resourcesData}
       fieldExpr="roomId"
       label="Room"
+      icon="conferenceroomoutline"
     />
   </Scheduler>
 );

apps/demos/Demos/Scheduler/RecurringAppointments/Vue/App.vue

@@ -12,6 +12,7 @@
       :data-source="resourcesData"
       field-expr="roomId"
       label="Room"
+      icon="conferenceroomoutline"
     />
   </DxScheduler>
 </template>

apps/demos/Demos/Scheduler/RecurringAppointments/jQuery/index.js

@@ -10,6 +10,7 @@ $(() => {
       fieldExpr: 'roomId',
       dataSource: resourcesData,
       label: 'Room',
+      icon: 'conferenceroomoutline',
     }],
     height: 730,
   });