Skip to content

Commit

Permalink
RRuleButtonGroup
Browse files Browse the repository at this point in the history
  • Loading branch information
@pt-icg
pt-icg committed Oct 12, 2020
1 parent 0e9ddbb commit 29b7d1f
Show file tree
Hide file tree
Showing 18 changed files with 617 additions and 169 deletions.
2 changes: 2 additions & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -356,3 +356,5 @@ MigrationBackup/
/RecurrenceRuleUIWebApp22
/TestResults
/ActiveButtonGroup
/ActiveButtenGroupVue
/ActiveButtonGroup
6 changes: 0 additions & 6 deletions IcgSoftware.RecurrenceRuleToText.sln
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,6 @@ Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "RecurrenceRuleWebApp", "Rec
EndProject
Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "RecurrenceRuleWebAppVue", "RecurrenceRuleWebAppVue\RecurrenceRuleWebAppVue.csproj", "{3C5A3BA9-8449-4A44-B94D-76D41EC71DC8}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "ActiveButtonGroup", "ActiveButtonGroup\ActiveButtonGroup.csproj", "{97EA403E-30BE-4E5F-95A8-02B7EE0A3308}"
EndProject
Global
GlobalSection(SolutionConfigurationPlatforms) = preSolution
Debug|Any CPU = Debug|Any CPU
Expand All @@ -47,10 +45,6 @@ Global
{3C5A3BA9-8449-4A44-B94D-76D41EC71DC8}.Debug|Any CPU.Build.0 = Debug|Any CPU
{3C5A3BA9-8449-4A44-B94D-76D41EC71DC8}.Release|Any CPU.ActiveCfg = Release|Any CPU
{3C5A3BA9-8449-4A44-B94D-76D41EC71DC8}.Release|Any CPU.Build.0 = Release|Any CPU
{97EA403E-30BE-4E5F-95A8-02B7EE0A3308}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
{97EA403E-30BE-4E5F-95A8-02B7EE0A3308}.Debug|Any CPU.Build.0 = Debug|Any CPU
{97EA403E-30BE-4E5F-95A8-02B7EE0A3308}.Release|Any CPU.ActiveCfg = Release|Any CPU
{97EA403E-30BE-4E5F-95A8-02B7EE0A3308}.Release|Any CPU.Build.0 = Release|Any CPU
EndGlobalSection
GlobalSection(SolutionProperties) = preSolution
HideSolutionNode = FALSE
Expand Down
65 changes: 28 additions & 37 deletions RecurrenceRuleWebAppVue/Views/Home/Index.cshtml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
<div class="form-group row">
<label class="col-sm-2 col-form-label"><strong>Input</strong></label>
<div class="col-sm-10 col-form-label">
<input type="text" id="rrule-code" class="form-control" v-model="NewRRuleCode" placeholder="e.g. FREQ=WEEKLY;COUNT=30;BYDAY=TU" v-on:keyup.enter="SetRuleByCode()">
<input type="text" id="rrule-code" class="form-control" v-model="NewRRuleCode" placeholder="e.g. FREQ=WEEKLY;COUNT=30;BYDAY=TU" v-on:keyup.enter="SetRuleByCode()">
</div>
</div>
</div>
Expand Down Expand Up @@ -89,27 +89,16 @@
</label>
</div>
<div class="col-7 d-flex flex-wrap">
<button class="btn btn-outline-secondary" style="width:70px;" v-for="item in WeekDays" v-on:click="Toggle(item)" v-bind:class="{ active: item.checked }">
{{ item.text }}
</button>
@*<button class="btn btn-outline-secondary" style="width:70px;" v-for="item in WeekDays" v-on:click="Toggle(item)" v-bind:class="{ active: item.checked }">
{{ item.text }}
</button>*@
<rrule-button-group v-bind:items="WeekDays" v-bind:buttonwidth="70" v-bind:toggle="Toggle"></rrule-button-group>
</div>
<div class="col-1">
</div>
<div class="col-7 d-flex flex-wrap">
{{ BtnProblemInfo }}
</div>
@*<div class="col-7 d-flex flex-wrap">
<div class="btn-group-toggle" data-toggle="buttons">
<label class="btn btn-outline-secondary" style="width:170px;" v-for="item in WeekDays" v-on:click="Toggle(item)" v-bind:class="{active: item.checked}">
<input type="checkbox" autocomplete="off">{{ item.text }}
<input type="checkbox" autocomplete="off" v-model="item.checked">{{ item.text + ' ' + item.checked}}
<input type="checkbox" autocomplete="off">{{ item.text + ' [' + item.checked + ']'}}
</label>
</div>
</div>*@
@*<div class="col-7 d-flex flex-wrap">
<div class="btn-group-toggle" data-toggle="buttons">
<label class="btn btn-outline-secondary" style="width:170px;" v-for="item in WeekDays" v-on:click="Toggle(item)" v-bind:class="{active: item.checked}">
<input type="checkbox" autocomplete="off" v-model="WeekDays" value="{item.value}">{{ item.text + ' [' + item.checked + ']'}}
</label>
</div>
</div>*@

</div>
</div>
</div>
Expand All @@ -131,14 +120,12 @@
</div>
</div>
<div class="col-8 col-sm-9 col-md-10 col-lg-11 d-flex flex-wrap">
<button class="btn btn-outline-secondary" style="width:40px;" v-for="item in MonthDays" v-on:click="Toggle(item)" v-bind:class="{ active: item.checked }" v-bind:disabled="MonthlyOptions !== 'monthly-days'">
{{ item.text }}
</button>
@*<div class="btn-group-toggle" data-toggle="buttons" v-bind:disabled="MonthlyOptions !== 'monthly-days'">
<label class="btn btn-outline-secondary" style="width:40px;" v-for="item in MonthDays" v-on:click="Toggle(item)">
<input type="checkbox" autocomplete="off">{{ item.text }}
</label>
</div>*@
<div class="btn-group btn-group-toggle">
@*<button class="btn btn-outline-secondary" style="width:40px;" v-for="item in MonthDays" v-on:click="Toggle(item)" v-bind:class="{ active: item.checked }" v-bind:disabled="MonthlyOptions !== 'monthly-days'">
{{ item.text }}
</button>*@
<rrule-button-group v-bind:items="MonthDays" v-bind:buttonwidth="40" v-bind:toggle="Toggle" v-bind:disabled="MonthlyOptions !== 'monthly-days'"></rrule-button-group>
</div>
</div>
</div>

Expand Down Expand Up @@ -208,14 +195,13 @@
</div>
</div>
<div class="col-10 d-flex flex-wrap" id="yearly-multiple-months">
<button class="btn btn-outline-secondary" style="width:50px;" v-for="item in YearlyMultipleMonths" v-on:click="Toggle(item)" v-bind:class="{ active: item.checked }" v-bind:disabled="YearlyOptions !== 'yearly-multiple-months'">
{{ item.text }}
</button>
@*<div class="btn-group-toggle" data-toggle="buttons" v-bind:disabled="YearlyOptions !== 'yearly-multiple-months'">
<label class="btn btn-outline-secondary" style="width:50px;" v-for="item in YearlyMultipleMonths" v-on:click="Toggle(item)">
<input type="checkbox" autocomplete="off">{{ item.text }}
</label>
</div>*@
<div class="btn-group btn-group-toggle">
@*<rrule-button-group v-bind:items="YearlyMultipleMonths" v-bind:width="50" v-bind:toggle="Toggle" v-bind:disabled="YearlyOptions !== 'yearly-multiple-months'"></rrule-button-group>*@
<rrule-button-group v-bind:items="YearlyMultipleMonths" v-bind:buttonwidth="50" v-bind:toggle="Toggle" v-bind:disabled="YearlyOptions !== 'yearly-multiple-months'"></rrule-button-group>
@*<button class="btn btn-outline-secondary" style="width:50px;" v-for="item in YearlyMultipleMonths" v-on:click="Toggle(item)" v-bind:class="{ active: item.checked }" v-bind:disabled="YearlyOptions !== 'yearly-multiple-months'">
{{ item.text }}
</button>*@
</div>
</div>

</div>
Expand Down Expand Up @@ -350,11 +336,16 @@
<script src="~/js/site.js"></script>
</environment>

@*<script src="~/js/ButtonGroupHelper.js"></script>*@

@*<script type="module" src="~/js/RRuleVue.js"></script>*@
<script type="module">
import { viewModel } from "/js/RRuleVue.js";
viewModel.SubmitRRuleValues()
//viewModel.SetFromRRuleCodeSample()
</script>
<script type="module">
import { RRuleButtonGroup } from "/js/RRuleButtonGroup.js";
</script>

}
20 changes: 20 additions & 0 deletions RecurrenceRuleWebAppVue/wwwroot/js/ButtonGroupHelper.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions RecurrenceRuleWebAppVue/wwwroot/js/ButtonGroupHelper.js.map
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

43 changes: 43 additions & 0 deletions RecurrenceRuleWebAppVue/wwwroot/js/RRuleButtonGroup.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions RecurrenceRuleWebAppVue/wwwroot/js/RRuleButtonGroup.js.map
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

98 changes: 98 additions & 0 deletions RecurrenceRuleWebAppVue/wwwroot/js/RRuleTypes.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion RecurrenceRuleWebAppVue/wwwroot/js/RRuleTypes.js.map
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 29b7d1f

Please sign in to comment.