modal-selectrepeatid.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <ion-modal-view>
  2. <ion-header-bar>
  3. <button class="button ion-chevron-left button-clear button-dark" ng-click="closeRepeatIdModal(ok)">&nbsp;返回</button>
  4. <h1 class="title">重复</h1>
  5. </ion-header-bar>
  6. <ion-content>
  7. <div class="item item-divider"></div>
  8. <div class="item item-icon-right">提醒
  9. <span class="item-note">{{ repeatHt[data.repeat_type] }}</span>
  10. </div>
  11. <ion-list>
  12. <ion-radio ng-model="data.repeat_type" ng-click="changeRepeatId(key)" ng-value="key" ng-repeat="(key,value) in repeatHt">{{value}}</ion-radio>
  13. </ion-list>
  14. <div ng-show="data.repeat_type == 1">
  15. <div style="padding:10px">
  16. <span style="font-size:12px;">选择重复频率</span>
  17. </div>
  18. <div class="row">
  19. <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[data.freq == item ]"
  20. ng-repeat="item in [1,2,3]" ng-click="changeDayRepeatfreqIdColor(item)">
  21. 每{{item}}天
  22. </div>
  23. </div>
  24. <div class="row">
  25. <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[data.freq == 4 ]"
  26. ng-click="changeDayRepeatfreqIdColor('4')">
  27. 每4天
  28. </div>
  29. <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[data.freq == 5 ]"
  30. ng-click="changeDayRepeatfreqIdColor('5')">
  31. 每5天
  32. </div>
  33. <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
  34. </div>
  35. </div>
  36. <div ng-show="data.repeat_type == 2">
  37. <div style="padding:10px">
  38. <span style="font-size:12px;">选择每周哪几天,日程重复</span>
  39. </div>
  40. <div class="row">
  41. <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqWeekDayHt[item]]"
  42. ng-repeat="item in [1,2,3,4,5]" ng-click="changeWeekDayRepeatfreqIdColor(item)">
  43. {{ weekDayHt[item] }}
  44. </div>
  45. </div>
  46. <div class="row">
  47. <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqWeekDayHt['6']]"
  48. ng-click="changeWeekDayRepeatfreqIdColor('6')">{{ weekDayHt["6"] }}
  49. </div>
  50. <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqWeekDayHt['0']]"
  51. ng-click="changeWeekDayRepeatfreqIdColor('0')">{{ weekDayHt["0"] }}
  52. </div>
  53. <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
  54. <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
  55. <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
  56. </div>
  57. </div>
  58. <div ng-show="data.repeat_type == 3">
  59. <div style="padding:10px">
  60. <span style="font-size:12px;">选择每月哪几天,日程重复</span>
  61. </div>
  62. <div class="row">
  63. <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqMonthDayHt[item]]"
  64. ng-click="changeMonthDayRepeatfreqIdColor(item)" ng-repeat="item in [1,2,3,4,5,6,7]">{{item}}
  65. </div>
  66. </div>
  67. <div class="row">
  68. <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqMonthDayHt[item]]"
  69. ng-click="changeMonthDayRepeatfreqIdColor(item)" ng-repeat="item in [8,9,10,11,12,13,14]">{{item}}
  70. </div>
  71. </div>
  72. <div class="row">
  73. <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqMonthDayHt[item]]"
  74. ng-click="changeMonthDayRepeatfreqIdColor(item)" ng-repeat="item in [15,16,17,18,19,20,21]">{{item}}
  75. </div>
  76. </div>
  77. <div class="row">
  78. <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqMonthDayHt[item]]"
  79. ng-click="changeMonthDayRepeatfreqIdColor(item)" ng-repeat="item in [22,23,24,25,26,27,28]">{{item}}
  80. </div>
  81. </div>
  82. <div class="row">
  83. <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqMonthDayHt['29']]"
  84. ng-click="changeMonthDayRepeatfreqIdColor('29')">29
  85. </div>
  86. <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqMonthDayHt['30']]"
  87. ng-click="changeMonthDayRepeatfreqIdColor('30')">30
  88. </div>
  89. <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqMonthDayHt['31']]"
  90. ng-click="changeMonthDayRepeatfreqIdColor('31')">31
  91. </div>
  92. <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
  93. <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
  94. <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
  95. <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
  96. </div>
  97. </div>
  98. </ion-content>
  99. </ion-modal-view>