@@ -646,6 +646,20 @@ export default {
646
646
allowEditingRecords (item ) {
647
647
return item .currentState !== ' FINAL'
648
648
},
649
+ goToComposeMessage (field ) {
650
+ this .recipientField = field
651
+ const orgs = this .selected .length ? this .selected : this .filteredItems
652
+ const orgSlugs = orgs .map ((item ) => item .account .organization )
653
+ this .$router .push ({
654
+ name: ' MailingCompose' ,
655
+ params: {
656
+ labManagerOrgSlugs: [... new Set (orgSlugs)],
657
+ message: null ,
658
+ subject: null ,
659
+ recipientField: this .recipientField ,
660
+ },
661
+ })
662
+ },
649
663
defaultNotifyLabManagers () {
650
664
const orgSlugs = this .items .map ((item ) => item .account .organization )
651
665
this .$api .notifyLabManagers (
@@ -805,14 +819,14 @@ export default {
805
819
{{ facility .name }}
806
820
< / div>
807
821
< / v- col>
808
- < v- col cols = " 3 " >
822
+ < v- col class = " flex-grow-2 " >
809
823
< v- row dense>
810
824
< v- col>
811
825
< IFXSearchField : search .sync = " search" / >
812
826
< / v- col>
813
827
< / v- row>
814
828
< / v- col>
815
- < v- col cols = " 4 " >
829
+ < v- col>
816
830
< v- row dense class = " d-flex flex-nowrap justify-end align-start" >
817
831
< v- col v- if = " updating" >
818
832
< v- progress- circular indeterminate color= " primary" >< / v- progress- circular>
@@ -830,9 +844,41 @@ export default {
830
844
< v- tooltip top v- else >
831
845
< template v- slot: activator= " { on, attrs }" >
832
846
< div v- on= " on" >
833
- < v- btn small fab color= " green" v- bind= " attrs" @click= " openNotifyDialog" >
834
- < v- icon dark color= " white" > mdi- email- send- outline< / v- icon>
835
- < / v- btn>
847
+ < v- speed- dial direction= " bottom" v- model= " mailFab" v- bind= " attrs" >
848
+ < template v- slot: activator>
849
+ < v- btn v- model= " mailFab" small color= " green" fab>
850
+ < v- icon color= " white" dark v- if = " mailFab" > mdi- close< / v- icon>
851
+ < v- icon color= " white" dark v- else > mdi- email- send- outline< / v- icon>
852
+ < / v- btn>
853
+ < / template>
854
+ < v- btn small color= " teal" class = " white--text" @click= " openNotifyDialog" >
855
+ Notify Lab Managers
856
+ < / v- btn>
857
+ < v- btn
858
+ xSmall
859
+ color= " #A4F323"
860
+ @click= " goToComposeMessage('to')"
861
+ : disabled= " !filteredItems.length"
862
+ >
863
+ Send a message to selected Lab Managers
864
+ < / v- btn>
865
+ < v- btn
866
+ xSmall
867
+ color= " #86C61D"
868
+ @click= " goToComposeMessage('cc')"
869
+ : disabled= " !filteredItems.length"
870
+ >
871
+ CC selected Lab Managers
872
+ < / v- btn>
873
+ < v- btn
874
+ xSmall
875
+ color= " #669617"
876
+ @click= " goToComposeMessage('bcc')"
877
+ : disabled= " !filteredItems.length"
878
+ >
879
+ BCC selected Lab Managers
880
+ < / v- btn>
881
+ < / v- speed- dial>
836
882
837
883
< v- dialog v- bind= " attrs" v- model= " notifyDialog" max- width= " 600px" >
838
884
< v- card>
@@ -856,7 +902,7 @@ export default {
856
902
< / v- row>
857
903
< v- row no- gutters>
858
904
< v- col cols= " 12" >
859
- < div class = " text-divider font-italic text-center" >
905
+ < div class = " text-divider font-italic text-center mt-2 " >
860
906
Or specify email addresses directly
861
907
< / div>
862
908
< IFXContactablesCombobox
@@ -1337,6 +1383,12 @@ export default {
1337
1383
.border - bottom {
1338
1384
border- bottom: 1px solid #ccc;
1339
1385
}
1386
+ .flex - grow- 2 {
1387
+ flex- grow: 2 ;
1388
+ }
1389
+ .search - field {
1390
+ width: 100 % ;
1391
+ }
1340
1392
< / style>
1341
1393
< style>
1342
1394
#data- table .v - data- table__expand- icon-- active {
0 commit comments